HTML-kode for å opprette tekstområde

Noen nettsteder er mer enn bare informasjon som den besøkende ser på; de er faktisk interaktive til en viss grad. En av de mest grunnleggende formene for å legge til interaktivitet til et nettsted er gjennom tekstområder - som regel i en form-- som tillater brukeren å legge inn sin egen tekst. Heldigvis desse er veldig lett å lage i HTML med bare noen få standard koder.

Én linje tekst områder

Slik lager du et tekstfelt kort, én linje, opprette skjema tagger i HTML-dokumentet; skjema kodene skal se slik ut: <form> </ form>. I mellom den avsluttende parentesen i åpnings skjemaet tag og åpningen braketten av lukke skjemaet tag, sette inn koden for den typen teksten du vil skal vises, slik: <input type = "text" />. Til slutt, sette inn et navn for feltet, i dette tilfellet, ordet "Name" etterfulgt av et kolon for å indikere brukeren skal skrive sitt navn i det tomme rommet av skjemaet.

Hele koden for en slik tekst med "Name:" vises ved siden av det ville se slik ut:

<Form> Navn: <input type = "text" /> </ form>

Du kan legge inn så mange områder som du vil innenfor de samme skjema koder.

Sikre tekstområder

Hvis du ønsker å gjøre teksten at seerne inn i tekstområdet uleselig (og dermed sikrere), kan du gjøre det ved å gjøre tekstområdet et passordfelt. For å gjøre dette ved å opprette en linje tekst område som normalt, men innbytter "passord" for "tekst" i input type. Du kan fortsatt bruke hva teksten du ønsker ved siden av feltet.

Den fullstendige koden for en slik sikker tekstområde er som følger:

<Form> Navn: <input type = "password" /> </ form>

Store tekstområder

For å skape et større enn vanlig tekst-området, trenger du en annen kode innen skjema koder. Lag kodene for et skjema, deretter inn følgende kode: <textarea p = "" Cols = ""> </ textarea>. I mellom det første settet med anførselstegn, angir et nummer for å definere antall rader i tekstområdet (for eksempel 15 rader lang). I mellom det andre settet, skriv inn et nummer for å definere antall kolonner i området (for eksempel 100 kolonner bred). Du kan også skrive inn tekst i mellom den avsluttende parentesen i åpningstekstområdet tag og åpne braketten for den avsluttende tekstområdet tag; denne teksten vil vises i tekstområdet når siden lastes. I dette eksempelet vil vi bruke "Kommentarer :."

Koden skal se slik ut:

<form> <textarea rows = "15" kolonner = "100"> Kommentarer: </ textarea> </ form>

Inneholder flere tekstområder

Hvis du lager flere tekstområder og ønsker dem alle til å bli gruppert sammen (for å lage et enkelt skjema, for eksempel), surround hele grupperingen (men ikke form tags) med fieldset koder, som ser slik ut: <fieldset> < / fieldset>. Dette vil skape en boks som vil legge alle feltene. Du kan også inkludere en tittel for hele gruppen ved å opprette legende tags (<legend> </ legend>) like etter åpningen fieldset koden og skriver inn tittelen i mellom legende koder.

Koden skal se slik ut:

<Form> <fieldset> <legend> Abonner på nyhets </ legend>

Navn: <input type = "password" />

<textarea rows = "15" kolonner = "100"> Kommentarer: </ textarea>

</ Fieldset> </ form>