Størrelsen på tekstbokser i HTML

Mens du surfer på Internett, vil du sannsynligvis møte en tekstboks. Tekstbokser, ofte finnes i former, tillate nettsteder for å samle inn data fra brukere. Denne informasjonen kan være så enkelt som innloggings verdier Oras komplisert som forum innlegg og kommentarer. En webutvikler bestemmer størrelsen på en tekstboks basert på tekstboksen rolle på en webside.

Sett tekstboks Størrelse Bruk Input Element

For å opprette en tekstboks, legge en inngang element hvor som helst i "body" i et HTML-dokument. Gi innspill element en eiendomsverdi på "tekst", og nettlesere vil vise tekstboksen når websiden åpnes. Hvis du vil angi antall kolonner i en tekstboks, sett inn element er "size" egenskapen til et positivt tall. Verdien du angir, for eksempel 20, bestemmer antall kolonner i tekstboksen vil holde.

Sett tekstboks formatet med CSS.

Når du bruker CSS, en forkortelse for Cascading Style Sheets, kan du tilpasse websideelementer uten å endre noen HTML. I stedet oppdatere deg en "klasse" i en CSS-fil. Det fører til at alle HTML-elementer som refererer til klassen for å reflektere endringen. For eksempel, hvis HTML-siden inneholder en tekstboks med en referanse til en CSS-klasse som heter "bigbox," tekstboksen vil anta de fysiske egenskaper som er definert i "bigbox" -klassen. Hvis "bigbox" klasse har en bredde parameter der verdien er 100 piksler, vil tekstboksen være 100 piksler bred. Endre CSS-klasse til 300 piksler og tekstboksen størrelse vil øke til 300 piksler.

textarea Element

Det er ikke vanskelig å forveksle en textarea element med en tekstboks element. Textarea elementer ligne tekstboksene. Textareas har også mange av de egenskapene som finnes i tekstbokser, for eksempel skriftfarge, border størrelse og marginer. Utviklere bruker textarea elementer når de trenger å vise og ta opp flere linjer med tekst. Dette gjør de ved å sette et textarea er "kolonner" og "rader", som er egenskaper som bestemmer sin bredde og høyde. Du kan også endre en textarea utseende ved hjelp av CSS.