Form Tag Inngangstyper

Form Tag Inngangstyper


Enhver form på en webside består av flere HTML-koder som er omgitt av <form> og </ form> tags. Hver del av et skjema, for eksempel et nytt felt eller en send-knappen, har sin egen <input> tag med flere attributter, inkludert "type" attributt. Angi type for <input> tag forteller nettleseren hvordan å vise feltet. Det er 10 gyldige "type" alternativer for en <input> tag.

grunn~~POS=TRUNC Format

Den grunnleggende formatet til en <input> tag er:

<Input name = "navn" type = "typeoption" value = "verdi" />

Erstatt "typeoption" med en av de gyldige inngangsfeltalternativer.

Knapp

Den "knappen" type skaper en knapp som besøkende på webstedet kan klikke. Denne typen er ikke for en forms "send" -knappen, men heller for å aktivere Javascript eller laste inn eksterne lenker. For eksempel:

<Input type = "button" value = "Last Pop-up Window" onclick = "popup ()" />

Sjekk boksen

Den "boksen" type skaper en boksen. Alle alternativene i det samme spørsmålet har den samme "navnet" attributtet. For eksempel:

<Input name = "favoritefruit" type = "checkbox" value = "ananas" /> Pineapple

<Input name = "favoritefruit" type = "checkbox" value = "oransje" /> Orange

Fil

"Fil" type forteller nettleseren for å gi en "Browse" -knappen for et nettsted besøkende å finne en fil på sin datamaskin for å laste opp som en del av skjemaet. Dette tar normalt skjemaet:

<Input type = "file" />

skjult

Spesifisere input type som "skjult" skjuler feltet, men likevel går det feltets verdi i form innsending. For eksempel kan du passere en skjult felt som angir fra hvilken side på nettstedet ditt en besøkende sender et skjema:

<Input type = "hidden" name = "referrer" value = "hjemmeside" />

Bilde

Bruke "image" type skaper en send-knappen for skjemaet ut på et bilde, i stedet for å vise standardnett knappen. For eksempel:

<Input type = "image" />

Passord

Den "passord" input type skaper en standard blank tekstboks, men tilslører hva bokstaver og tall de besøkende kommer inn som et sikkerhetstiltak. For eksempel:

<Input type = "password" name = "passord" />

Radio

Den "radio" type skaper en liten sirkel ved siden av hvert alternativ. Radioknapper ligner avmerkingsbokser, bortsett besøkende kan velge bare ett svar for hver radio spørsmålet, mens de kunne velge flere sjekkbokser. Et eksempel på radioknappen kode:

<Input name = "brandofcar" value = "Honda" type = "radio" /> Honda

<Input name = "brandofcar" value = "Ford" type = "radio" /> Ford

Send inn og Reset

Den "send" input type sender inn et skjema innholdet, mens "reset" input type sletter alle gjeldende skjemaoppføringer. For eksempel:

<Input type = "submit" />

<Input type = "reset" />

Tekst

Angi en input type som "tekst" for en tom tekstboks som viser angitte tegnene som normalt. Angi bredden på et tekstfelt med "størrelse" attributt. For eksempel:

<Input name = "navn" type = "text" size = "30" />