HTML Syntax for Input Feltet Bredde

HTML Web-sider kan inneholde skjemaer for å fange brukerens input. Denne inngangen kan inneholde tekst, med tekstfelt og tekstområdene slik at nettstedet brukerne å skrive informasjon og sende den inn via et skjema. Utviklere kan sette dimensjonene og stilegenskaper på innsatstekstelementer på ulike måter, gjennomføring bredden på feltene ved hjelp av en kombinasjon av HTML markup-kode og eventuelt CSS erklæringer.

Text Input Size

HTML teksttype inngangselementet kan tillate brukere å legge inn et visst antall tegn, som bestemmer bredden på elementet. Følgende eksempel markup syntaks demonstrerer skape et tekstfelt med en størrelse attributt:

<Input type = "text" name = "etternavn" size = "30" />

Dette elementet gjør at brukeren kan skrive inn maksimalt 30 tegn i feltet. Bredden av feltet slik den vises i nettleseren er delvis avhengig av skriftstørrelsen for elementet eller sidedelen.

Tekst-området kolonner

HTML tekst-området element gjør skjemaer for å inneholde områder for skriving med potensial for flere linjer. Når HTML-side markup erklærer en tekst-området indikerer element dimensjoner i form av rader og kolonner. Følgende eksempelkode demonstrerer blant annet en tekst-området element på en side:

<Textarea rader = "5" kolonner = "25">

Her er standardteksten.

</ Textarea>

Denne koden skaper et rektangulært område for skriving som er 25 kolonner bred, noe som betyr at bredden er 25 tegn på dagens skriftstørrelsen for sideområdet som inneholder elementet. Høyden er delvis bestemt av antall rader på samme måte.

Input Bredde

Enhver HTML-elementet kan indikere stil erklæringer, inkludert tekst dataobjekter. Følgende eksempel kode demonstrerer en tekst-felt innspill element med en in-line stil erklæringen i CSS-kode:

<Input type = "text" name = "etternavn" style = "width: 150px" />

Denne koden angir bredden som et fast antall piksler. Alternativt kan en inntakselementet angi bredden ved hjelp av en relativ verdi som følger:

<Input type = "text" name = "etternavn" style = "width: 90%" />

Denne koden angir at leseren skal gjengi tekstfelt med en bredde som er 90 prosent av bredden av den overordnede elementet. For eksempel, hvis elementet holder tekst-feltet har en bredde på 100 piksler, opptar tekstfeltet 90 piksler når en bruker åpner siden.

CSS velgere

CSS-kode innen dedikerte områder kan også håndheve bredde og andre stilegenskaper på innsatselementer som tekst-felt. CSS inkludert eller koblet til i hodet delen av siden kan søke stil ved å henvise til et element klasse eller ID-attributtet. For eksempel har følgende innspill element en klasse attributt:

<Input type = "text" name = "etternavn" class = "maintext" />

CSS-kode kan håndheve en fast bredde på dette elementet som følger:

.maintext {

width: 200px;

}

Følgende HTML innspill element har en ID-attributtet:

<Input type = "text" name = "etternavn" id = "nametext" />

CSS-kode kan style dette elementet som følger:

nametext {

width: 150px;

}

Denne type CSS-kode kan også bruke relative fremfor faste verdier.