We maken eerst eens een naaminvulformulier.

<form> Naam: <input type="text" name="naam"> </form>

Zo ziet dit eruit: Naam:

Door van input type "text" te maken geef je aan dat hier gewoon tekst geschreven kan worden. Er zijn veel meer mogelijkheden voor input.
Namelijk:

Door een naam (name) bij de input toe te voegen krijg je het zo via de mail door gestuurd:
Naam: (De ingevoerde naam)

---

Radio

<form> <input type="radio" name="Geslacht" value="Ik ben een man!"> Man <br> <input type="radio" name="Geslacht" value="Ik ben een vrouw!"> Vrouw </form>

Zo ziet dit eruit: Man Vrouw

Door achter "radio" checked te zetten geeft de browser deze ronde knop alvast weer als aangeklikt.
Via de mail krijg je het zo te zien:
Als een vrouw het invult:
Geslacht: Ik ben een vrouw!

---

Checkbox

<form> <input type="checkbox" checked name="Fiets"> Ik heb een Fiets <br> <input type="checkbox" name="Auto"> Ik heb een Auto </form>

Zo ziet dit eruit: Ik heb een Fiets Ik heb een Auto

Door achter "checkbox" checked te zetten geeft de browsers die checkbox alvast weer als aangeklikt.

---

Submit
*.php dit is een php-bestand dat de gegevens doorstuurt naar bijvoorbeeld een e-mailadres.

<form name="input" action="*.php" method="get"> Jouw naam: <input type="text" name="naam"> <input type="submit" value="Submit"> </form>

Zo ziet dit eruit: Jouw naam:

De value van "Submit" mag veranderd worden. Dit is namelijk de tekst die op de knop verschijnt, je kunt er ook "Verstuur" neerzetten.

---

Password:

<form> Naam: <input type="password" name="naam"> <br> Paswoord: <input type="password" name="paswoord"> </form>

Zo ziet dit eruit: Naam: Paswoord:

Vul nu maar eens iets in. Je snapt meteen waarom het password heet!

---

Dropdown menu:

<form> <select name="Automerken"> <option value="volvo">Volvo <option value="saab">Saab <option value="fiat" selected>Fiat <option value="audi">Audi </select> </form>

Zo ziet dit eruit: Volvo Saab Fiat Audi

De value wordt doorgestuurd en de naam achter de value> staat in het menu. Je kunt dus andere gegevens door laten sturen dan er werkelijk te zien zijn. Achter Fiat staat selected, daarom wordt Fiat als standaard bovenaan gezet!

---

Fieldset
Fieldset is een border om de tekstvlakken. Zie voorbeeld:

<fieldset> <legend> Maten: </legend> <form> Hoogte<input type="text" size="3"> Breedte <input type="text" size="3"> </form> </fieldset>

Zo ziet dit eruit: Maten: Hoogte: Breedte:

---

Dit zijn zo ongeveer alle elementen die je nodig zou kunnen hebben bij het maken van een formulier. Ik hoop dat het duidelijk is.