HTML-inngang for tekstboks Størrelse

Tekstbokser er en grunnleggende stift av nettstedet interaktivitet; de tillater et nettsted brukeren å legge inn tekst i gitte felt, som deretter kan sendes til en server eller e-postadresse eller annen måte brukes i koden. Tekstbokser kan komme i hovedsak alle størrelser, og lære å gjøre dem den størrelsen du ønsker er avgjørende for både å fullt ut integrere tekstbokser i den visuelle utformingen av nettstedet ditt, og for å indikere til nettstedets brukere omtrent hvor mye tekst de skal fylle ut inn i en gitt tekstboks.

Standard tekstbokser

Det finnes to hovedtyper av tekstboksen i HTML: input felt og tekstområder. Input felt er opprettet med koden <input type = "text" />, og er, som standard, en linje (rad) i høyde og 20 tegn (kolonner) bred. Du kan ikke endre størrelsen. En tekstområdet, derimot, er skapt med koden <textarea>

rader

Du kan definere antall rader som en gitt tekstboksen vil ha ved å legge koden rader = "" til åpningen tekstområdet tag, mellom ord textarea og den avsluttende brakett. Legg til et nummer i mellom anførselstegn for å definere antall rader; dette vil definere hvor høy tekstområdet er. For eksempel vil koden for et tekstområde tretti rader høye se slik ut: <textarea rader = "30">

kolonner

For å definere antall kolonner i en gitt tekstområde (hvor mange tegn bredt det er), legge koden kolonner = "" til åpningen tekstområdet tag og fylle ut et tall mellom anførselstegn, akkurat som med radene. Hvis du legger rad- og kolonnedefinisjoner begge til samme tekstområdet tag, legge til et mellomrom mellom dem. En tekstområdet 30 rader høye og syv kolonner bred, for eksempel, ville ha kode som ser slik ut: <textarea rader = "30" kolonner = "7">

rullefelt

I tilfelle at nettstedets brukere inn mer i tekstområdet enn dens dimensjoner kan inneholde (enten i kolonner eller rader), vil rullefelt vises automatisk for å tillate navigasjon i tekstområdet. Du trenger ikke å ta hensyn til disse barene i sittende et tekstområde til en bestemt plass på nettstedet ditt, så vil de vises i tekstboksen enn utenfor av det.