Ved hjelp av Form Structure Tags på HTML5 websiden din - dummies

Siden begynnelsen har nettsidene hatt mulighet til å samle data fra brukere. HTML5 har en standard men ganske nyttig sett med skjemaelementer du kan bruke til å få innspill. Disse skjemaelementene følger mange av de samme reglene som andre koder.

Denne figuren viser et skjema som inneholder alle de viktigste HTML-skjemaelementene du kan støte på:

Merkene du bruker til å administrere den generelle strukturen til skjemaet, inkluderer:

• : Denne taggen inneholder selve skjemaet; den omslutter alle de andre formelementene. Koden skal også inkludere handlingen Action = ". Dette indikerer at du ikke planlegger å ringe et server-side script når skjemaet er sendt inn.

• : Denne spesielle taggen lar deg gruppere en rekke inngangselementer sammen. Det er ikke nødvendig, men det kan gjøre det enklere å navigere komplekse skjemaer. Som standard har et feltsett en enkelt ramme rundt det, men du kan endre dette med CSS.

• : Du kan legge til en legende til et feltsett for å fungere som en etikett for hele feltsettet.

• : Dette markerer tekst som etiketten som er knyttet til et bestemt inngangselement. Du kan bruke valgfritt for attributt for å angi hvilket inputelement etiketten er tilknyttet. Etikettetiketter brukes normalt til å gjøre CSS-styling av skjemaer lettere å administrere.

Koden for en side som bruker alle strukturnettene vist i figuren, går som følger:

formDemo. html

Form Demo
Tekstinngang
Tekstboks
Passord
Tekstområde Din tekst her
Valg av elementer
Velg Liste en to tre fire
Merk av boksene Green Eggs Ham
Radioknapper små mellomstore
Knapper
standardknapp

Feltsettet, legenden og etikettene er ikke påkrevd, men de hjelper deg med å organisere siden, slik at det er lettere å legge seg ut med CSS. Riktig bruk av disse kodene og CSS gjør ofte skjemaene dine lettere å jobbe med enn de eldre bordbaserte hackene.