Dit is wel het meest gebruikte element in een formulier en dient om gegevens in te voeren.
De code:
<p>Naam: <input type="text" id="naam" name="naam" size="30" /></p>
Wordt in XHTML weergegeven als:
Om tekst in te voeren dient hier text gebruikt te worden. Indien type niet gebruikt wordt is text de standaard.
De attribuut id krijgt een unieke naam welke voor diverse doeleinden gebruikt kan worden.
Dit is de naam van het invoerveld.
Geeft de lengte van het invoerveld weer.
Om de weergaven van de invoer af te schermen is er een speciaal type.
De code:
<p>Password: <input type="password" id="pwd" name="pwd" /></p>
Wordt in XHTML weergegeven als:
De waarde voor type wordt password.
Voor het uploaden van b.v. afbeeldingen of bijlagen bij webmail wordt de volgende code gebruikt:
<p>Voeg uw foto toe: <input type="file" id="file" name="file" accept="image/jpeg" /></p>
Wordt in XHTML weergegeven als:
Voeg uw foto toe:
De waarde voor type wordt file.
De attribuut accept bepaald welk type bestanden kunnen worden toegevoegd. Hier kunnen ook wildcards (*) gebruikt worden. De enctype dient multipart/form-data te zijn.
Om dit te kunnen gebruiken dient de method attribuut post te zijn. Op de server dient een programma aanwezig te zijn om de upload af te handelen.
Hidden input-velden zijn bedoeld voor het server-script dat het formulier zal afhandelen. De waarde van de name- en value-attributen zijn afhankelijk van het gebruikte script.
Enkele voorbeelden:
<div>
<input type="hidden" name="recipient" value="webmaster@domein.nl" />
<input type="hidden" name="Bestelling kaarten" />
<input type="hidden" name="required" value="naam, adres, pc, wp, aantal, email" />
</div>
De regel met <input type="hidden" name="required" value="naam, adres, pc, wp, aantal, email" /> wordt gebruikt om verplichte velden mee aan te geven.
Bij value moet je de waarde van name invullen van het veld dat je required wilt maken. Meerdere velden moeten gescheiden worden door een komma.