Hvordan lage en tekstboks med HTML programmering

Hvordan lage en tekstboks med HTML programmering


Tekstbokser er vanligvis brukes til å oppgi navn og adresser, men du kan legge til tekstbokser til nettstedet for å tillate seerne til å angi hvilken som helst tekst. Mens noen områder (se Ressurser) gir gratis Hypertext Markup Language kode for å klippe og lime for å legge til en tekstboks på webområdet ditt, kan du også lage din egen ved hjelp av enkel HTML.

Bruksanvisning

1 Skriv inn følgende mellom åpnings skjemaet tag - <FORM> - og den avsluttende skjema tag - </ FORM> - å merke seg at brukerne vil skrive inn tekst:

<INPUT TYPE = "text"

Trykk på mellomromstasten.

2 Skriv NAME = "?" for å nevne tekstboksen. Bytt ut spørsmålstegnet med et ord som beskriver tekstboksen. Trykk på mellomromstasten.

3 Type SIZE = "?" å definere bredden på tekstboksen. Bytt ut spørsmålstegnet med bredden du ønsker å bruke.

4 Type MAXLENGTH = "?" å definere antall tegn som seerne kan komme inn i tekstboksen. Bytt ut spørsmålstegn med et tall.

5 Skriv inn> for å lukke koden og fulltekstboksen.

Din endelige koden skal se ut:

<Form method = post ACTION = eksempel-form.html>
<INPUT TYPE = "text" name = "Eksempel-Form" SIZE = "40"
MAXLENGTH = "35">
</ FORM>

6 Åpne en ny nettleser for å kontrollere at siden din viser tekstboksen på riktig måte. Test tekstboksen, og kontroller at du er i stand til å skrive inn tekst.

Hint

  • Du bør vise din nettside i flere nettlesere for å se hvordan hver leseren vil vise siden din. Det er også noen automatiserte måter å lage HTML for deg. Ta en titt på Resources for et eksempel på en automatisert tekstboksen generator.