Hvordan du bruker tekstfelt i HTML5-skjemaet ditt - dummies

Du kan bruke en rekke inntastingsfelttyper i skjemaene dine, for eksempel tekst, passord, radio (knapp), avkrysningsboks, skjult, søk, telefon (telefonnummer), url, epost (adresse), datetime, dato, måned, uke, tid, datetime-lokal, tall, rekkevidde (angir en rekke numeriske verdier), farge og mer. Alle felt krever verdier for navn og typeattributter (for eksempel tekstboks- eller passordfelt), men det er en god ide å gi brukerne forklarende etiketter og eksempler på inngangsdata når de kanskje har spørsmål om formater - for eksempel når du tenker på om for å inkludere bindestreker eller mellomrom i kredittkortnumre.

Merk av i boksene og radioknappene, derimot, krever slik informasjon, slik at de kan merkes riktig når nettleseren viser brukerne hva valgene er tilgjengelige.

For inndataelementer som krever at en bruker velger et alternativ (en avkrysningsboks eller radioknapp) i stedet for å skrive som eting inn i et felt, definerer du både navnet og verdien. Når brukeren velger en avkrysningsboks eller en radioknapp og deretter klikker Send, returnerer skjemaet navnet og verdien som er tildelt elementet.

Tekstfelt

er enkeltfeltfelt der brukerne skriver inn informasjon. Når du må tilby brukeren muligheten til å fylle ut mer enn én linje, bruker du en tekstboks. Slik lager du et tekstlinje med en linje:

Definer inngangstypen som et tekstfelt ved å bruke elementet med typen attributtet sett til tekst.

1. Bruk deretter

2. navn attributtet for å gi innfelt et navn.

   Brukeren leverer verdien når hun skriver inn feltet.

   Følgende merking oppretter to tekstinntastingsfelter, ett for fornavn og ett for etternavn:

Fornavn:

Etternavn:
I tillegg til elementene inneholder denne oppføringen en liste (

og

) og litt tekst for å merke hvert inntastingsfelt. I seg selv gir de fleste formelementer ikke mange ledetråder om typen informasjon du vil at de skal skrive inn.
• Du må bruke HTML-blokk og inline-elementer for å formatere utseendet til skjemaet ditt og også for å levere den nødvendige teksten. Figuren viser hvordan en nettleser viser denne typen HTML.

  Du kan kontrollere størrelsen på et tekstfelt med disse attributter:

  

  størrelse: Lengden (i tegn) i tekstfeltet

  • makslengde: Maksimalt antall tegn som brukeren kan skrive inn i feltet > Følgende merking oppretter et skjema som setter begge feltene til en størrelse på 30 (tegn lang) og en maksimal lengde på 25 (tegn lang).Selv om hvert felt vil være omtrent 30 tegn langt, kan en bruker bare skrive inn 25 tegn i hvert felt, som vist på figuren.

  • (Angir størrelsesattributtet større enn maksimal lengde sikrer at tekstfeltet alltid vil ha litt hvit mellomrom mellom brukerinngangen og slutten av feltboksen på skjermen, du trenger ikke å gjøre dette selv, men det er visuelt gledelig.)

  Fornavn:

  Etternavn: