Hvordan endre bredden på tekstboks CSS

Mens mange programmerere fortsatt bruke "kolonner" og "rader" attributter til størrelse tekstbokser i HTML-skjemaer, disse målingene kommer med to feil. Først nettlesere måle "kolonner" og "rader" i forhold til størrelsen på skriften som brukes i tekstboksen. Den andre feil relatert til separasjon av innholdet og stil; det er mye lettere å redesigne en nettside når alle stiler er satt i en enkelt Cascading Style Sheets (CSS-fil). Av disse grunner, bør du endre bredden på en tekstboks ved hjelp av "width" eiendom i CSS-koden.

Bruksanvisning

1 Gå til "Start" på oppgavelinjen i Windows, og skriv "Notepad" eller navnet på en kode editor i søkeboksen. Trykk "Enter" for å laste redaktøren.

2 Naviger til "File" på menylinjen øverst og åpne HTML-filen for din webside som inneholder tekstboksen. Hvis websiden ennå ikke inneholder en tekstboks, legge sin kode som følger:

<Textarea> Eksempeltekst </ textarea>

Ovennevnte kode oppretter en tekstboks med noen standard tekst inni, "Sample Text". Dette bør gå mellom et par av "<form>" koder. Når du redigerer et eksisterende skjema, vil du allerede har disse kodene i koden din.

3 Endre bredden på tekstboksen med CSS-koden ved å sette "style" attributt for boksen. Du bør sette boksen "width" eiendom verdi i form av enten piksler eller en prosent. En prosentverdi gjør boksen størrelse endringen med nettleserstørrelsen mens en pikselstørrelse alltid forblir den samme. Her er koden:

<Textarea style = "width: 200px;"> </ textarea>

Erstatt "px" med "%" for å endre til en prosentverdi.

4 Skriv CSS-kode for bredden på tekstboksen i et eksternt stilark som dette:

textarea {

width: 50%;

}

Denne koden kan også gå mellom "<style>" koder i hodet av en HTML-fil. For å velge en bestemt tekstboks, gi det et ID-attributtet og endre koden til dette:

mybox {

width: 100px;

}

Hint

  • De samme metoder for å sette tekstboksen bredde gjelder også for eventuelle innspill felt i HTML-skjemaer.
  • Noen ganger kan en webside som inneholder en form ikke har en HTML-forlengelse. Du kan også se etter en fil med PHP extension, siden PHP er et felles språk som brukes med HTML for å håndtere skjemaer.
  • Spar noen HTML og CSS-filer før du redigerer dem.
  • Ikke fjern "navn" attributtet fra koder i noen form du redigere med mindre du vet nøyaktig hvordan det fungerer form. Mange skript stole på at attributtet for å få verdiene fra brukerundersøkelser.