HTML tekstboks Metoder

HTML har to hovedmetoder for å lage en tekstboks. Du kan bruke en inngang tag med "type" attributtet satt til "tekst", som skaper en tekstboks én linje, eller bruke en textarea kontroll, noe som skaper en multi-line boks. Begge kontrollene har noen nødvendige og valgfrie attributter som du kan bruke til å tilpasse deres utseende og funksjonalitet.

Input Tag

Input kodene blir ofte brukt som en del av en web-skjema for å samle inn informasjon fra brukeren, i stedet for å vise informasjon. Inngangs tag krever ingen spesielle egenskaper, men å skape en tekstboks, må du sette den "type" attributt til "tekst". Dette skaper en tekstboks én linje. Blant sine mange valgfrie attributter, kan du bruke "MAXLENGTH" for å angi antall tegn kontrollen aksepterer, til "size" for å sette bredden og "verdi" inkludere tekst i boksen når siden lastes.

Input Syntax

For å opprette en HTML-inngang tekstboksen, skriv inn "<input type =" text 'name =' mytextbox 'MAXLENGTH =' 8 '/> "innenfor et HTML-skjema. Den "navn" attributt navn kontroll, som lar deg trekke ut tekstboksen verdi når skjemaet er sendt til en server. Den "MAXLENGTH" attributt begrenser den besøkende til å skrive åtte tegn - for eksempel hvis kontrollen er ment å akseptere et brukernavn eller passord. Skråstreken karakter stenger også taggen. Du trenger ikke å skrive "</ input>" hvor som helst.

textarea Tag

En HTML textarea er en tekstboks som du kan lage på flere linjer. Disse kodene brukes ofte både som deler av skjemaer eller som informasjonsbokser. Når teksten flyter boksens grenser, skaper det rullefelt for å kompensere. En textarea krever bare to attributter: "p" og "Cols" der du angir hvor mange rader og kolonner du vil bruke. Hver rad tar opp en tekstlinje, og hver kolonne er like bred som en karakter. Du kan også hindre besøkende fra å skrive inn i tekstfeltet ved å bruke "disable" eller "skrivebeskyttet" attributter.

textarea Syntax

For å opprette en HTML-tekstfelt, skriv "<textarea p = '4' kolonner = '30 '> Min tekst her </ textarea>" for å skape en boks som er fire rader med 30 kolonner og har noen standardteksten som inngår i den. Den "rader" og "kolonner" attributten bare ta tallverdier. Den "funksjonshemmede" og "skrivebeskyttet" attributten bare bruke selvtitulerte verdier. Når du bruker "skrivebeskyttet" attributt, bare låser den teksten uten å endre sitt utseende, mens "disable" attributt låser alt, inkludert rullefeltene, og selve boksen er nedtonet.