Hvordan lage HTML Forms

I HTML er en del av et dokument som inneholder kontroller og sine etiketter et skjema. En HTML-kontroll er et element som lar brukeren å samhandle med skjemaet. HTML definerer flere kontrolltyper, inkludert knapper, avkrysningsbokser, radioknapper, menyer, skriving, fil velger, skjulte kontroller og objekt kontroller. Denne opplæringen dekker de vanligste elementene med begrenset bruk av sine attributter.

Bruksanvisning

1 Definer skjema med "form" og "input" koder på tekst editor av ditt valg. Den "input" koden er den mest brukte tag inne former. Sin "type" egenskap gjør det mulig for angivelse av type kontroll:


<Form>

<Input>

</ Input>

</ Form>

2

Lag en ordbok, som tillater brukere å skrive inn bokstaver og tall. Dette eksemplet oppretter et brukernavn / passord pair:


<Form>

Brukernavn:

<Input type = "text" name = "brukernavn">

Passord:

<Input type = "text" name = "password">

</ Form>

3

Gjør alternativknapper. Radioknappene er kontroller som lar brukeren velge én av noen valg:


<Form>
<Input type = "radio" name = "status" value = "single"> Enkelt

<Br>

<Input type = "radio" name = "sex" value = "gift"> Gift

</ Form>

4

Legg noen avkrysningsbokser. I motsetning til radioknapper, avmerkingsbokser tillate mer enn ett alternativ ut av et begrenset antall valg:


<Form>

Rød:

<Input type = "checkbox" name = "color" value = "Red" />

<Br />

Grønn:

<Input type = "checkbox" name = "color" value = "Green" />

<Br />

Blå:

<Input type = "checkbox" name = "color" value = "Blue" />

</ Form>

5

Bruk skjemaet er "action" attributt og lage en "Send" -knappen. Ved å klikke på en "Send" -knappen sender data som ligger i kontrollene som beskrives i trinn 2 til 4 til en server som vil behandle skjemaet. Stedet hvor dataene blir sendt til er spesifisert i "action" attributt:


<Form name = "input" action = "destination_file.asp"
method = "get">

avsender:

<Input type = "text" name = "bruker">
<Input type = "submit" value = "Send">
</ Form>

Hint

  • HTML står for Hypertext Markup Language.
  • I tillegg til HTML, web design innebærer CSS, XHTML, HTTP, URL, Internett Protokoller og CGI, servlets.
  • HTML er et raskt skiftende språk. Mange av de opprinnelige kodene er foreldet.