Hoe kan ik HTML-formulieren maken

In HTML vorm is het deel van een document dat ties en hun labels bevat. Een HTML-besturingselement is een element waarmee een gebruiker interactie met de vorm. HTML definieert verschillende soorten controle, inclusief knoppen, checkboxes, radio knoppen, menu's, tekstinvoer, bestand selecteert, verborgen bediening van object. Deze tutorial behandelt de meest voorkomende elementen met een beperkt gebruik van hun attributen.

instructies

1 Definieer de vorm met behulp van de "vorm" en "input" tags op de tekst editor van uw keuze. De "input" tag is de meest gebruikte tag binnen formulieren. Het "type" attribuut staat de specificatie van het type regeling:


<Form>

<Input>

</ Input>

</ Form>

2

Maak een tekst invoeren, die gebruikers in staat stelt om te typen in letters en cijfers. Dit voorbeeld maakt een gebruikersnaam / wachtwoord:


<Form>

gebruikersnaam:

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

Wachtwoord:

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

</ Form>

3

Maak radio knoppen. Radio knoppen zijn controles die de gebruiker de mogelijkheid te kiezen één uit een paar keuzes:


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

<Br>

<Input type = "radio" name = "sex" value = "getrouwd"> Getrouwd

</ Form>

4

Voeg wat vakjes. In tegenstelling tot de radio knoppen, selectievakjes kunnen meer dan een optie uit een beperkt aantal keuzes:


<Form>

Rood:

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

<Br />

Groen:

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

<Br />

Blauw:

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

</ Form>

5

Gebruik "actie" attribuut van het formulier en maak een knop 'Verzenden'. Klikken op een knop 'Verzenden' stuurt de gegevens die in de in stap 2 bij 4 naar een server die de vorm zal verwerken controles. De plaats waar de gegevens is opgegeven in de "actie" attribuut wordt verzonden:


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

Afzender:

<Input type = "text" name = "user">
<Input type = "submit" value = "Verzenden">
</ Form>

Hints

  • HTML staat voor HyperText Markup Language.
  • In aanvulling op HTML, Web design gaat CSS, XHTML, HTTP, URL, Internet protocollen en CGI, servlets.
  • HTML is een snel veranderende taal. Veel van de oorspronkelijke labels zijn gedeprecieerd.