Tegnbegrensningen for Input bokser i HTML

Tegnbegrensningen for Input bokser i HTML


Tekstbokser kan variere i bredde i HTML (Hypertext Markup Language), eller varierer i størrelse i sin CSS (Cascading Style Sheet). Så tegnet grensene er ganske lett å stille inn og endre. I utgangspunktet er inndataboksene kun begrenset av størrelsen på design, oppsett og rammen av selve nettsiden. Rullefelt kan også legges som ytterligere øker fleksibiliteten i inndatafeltet kapasitet.

CSS stilark og Browser Standard Bredder

De fleste nettlesere sette maksimal standard bredde på tekstbokser på ca 20 tegn med tekst som kan skrives inn og så på til enhver tid. Ved hjelp av CSS, kan du endre standard bredde på inngangs boksene ved hjelp av "width style" formatering element. Dette ville ikke være en eksakt mål, men fordi bredden på hver karakter varierer fra bokstav til bokstav eller nummer til nummer (med mindre du deklarerer en mono-space font for at konkrete innspill boks). For eksempel kan bredden av et tall "8" være svært annerledes enn bredden av et nummer "1", avhengig av skriften angitt.

Stille Bredde i Style Sheet

For å sette bredden på en tekstboks for HTML-dokumentet i CSS for en to-tegns maksimal staten kode input boksen, type - #stateCode {width: 2 em} - i CSS-filen. Dette begrenser ikke antall tegn; det begrenser bare omtrentlig antall tegn som kan vises på en gang i den angitte tekstboksen.

Stille Størrelse attributt i HTML-fil

I HTML-fil, kan du bruke størrelsen attributt til innspill element som i: <input type = "text" size = "tegn" />. For å vise en tekstboks for tekst skrevet inn i et felt som brukes for å legge inn et postnummer, skriver du: <input type = "text" id = "postnummer" name = "postnummer" size = "7" />. Denne koden setter bredden på tekstboks for postnummer feltet til ca sju tegn. Den maksimale størrelsen er satt til sju og ikke fem (det er fem tall i en standard postnummer) for å gi rom for bredere enn vanlig tegn og for at marginene innenfor tekstboksen, vanligvis et tegn eller to bredere, for lettere lesbarhet.

HTML Størrelse Egenskap kode

Bruk av størrelsen attributt for input element hjelper med formatering input felt, samkjøre dem og definere dem tydeligere, og møte design spesifikasjoner for skjemaet. Men det gjør egentlig ikke begrense antall tegn som skal inngås input tekstboksen. Det setter faktisk grensen for (ca.) hvor mange tegn kan ses i at input-boksen. Hvis mer enn maksimalt antall tegn er angitt, deretter teksten beveger seg bare til venstre og viser bare de siste tegn som ble skrevet. De første tegnene er der fortsatt, men ikke synlig - med mindre venstre piltast brukes for å vise dem, i så fall vil de siste tegnene ikke vises.

Innstilling Maksimum antall tegn tillatt

For å angi maksimalt antall tegn som skal inngås en tekstboks i HTML-fil, skrive HTML-koden ved hjelp av følgende syntaks: <input type = "text" maxlength = "tegn" />. For eksempel, for å sette det maksimale antall tegn i boksen på 11 tegn, skriver du inn HTML-koden som følger: <input type = "text" MAXLENGTH = "11" />. Ved hjelp av denne koden sammen med bredde stil (CSS) eller størrelse attributter (HTML) vil gå langt i å bidra til å skape et godt designet og funksjonell form, slik at du kan kontrollere maksimalt antall tegn og bredde på tekstbokser.