Naar de inhoud
Gratis naslagwerk over HTML
HTML leren en naslaan

Formulieren

Invoervelden, labels, keuzelijsten en het versturen van gegevens.

<button> Het <button>-element van HTML is een interactief element dat door een gebruiker wordt geactiveerd met een muis... <datalist> Het HTML-element <datalist> bevat een reeks <option>-elementen die de toegestane of aanbevolen opties voorstel... <fieldset> Het <fieldset>-HTML-element wordt gebruikt om meerdere besturingselementen en labels (<label>) binnen een webf... <form> Het <form>-element van HTML vertegenwoordigt een documentsectie die interactieve besturingselementen bevat voo... <input> Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren,... <label> Het <label>-HTML-element vertegenwoordigt een bijschrift voor een item in een gebruikersinterface. <legend> Het <legend>-HTML-element vertegenwoordigt een bijschrift voor de inhoud van zijn bovenliggende <fieldset>. <meter> Het <meter>-HTML-element vertegenwoordigt ofwel een scalaire waarde binnen een bekend bereik, ofwel een fracti... <optgroup> Het <optgroup>-HTML-element creëert een groepering van opties binnen een <select>-element. <option> Het HTML-element <option> wordt gebruikt om een item te definiëren dat is opgenomen in een <select>-, <optgrou... <output> Het <output>-element van HTML is een containerelement waarin een site of app het resultaat van een berekening... <progress> Het HTML-element <progress> toont een indicator die de voortgang van de voltooiing van een taak weergeeft, doo... <select> Het <select>-HTML-element stelt een besturingselement voor dat een menu met opties biedt. <selectedcontent> Het <selectedcontent>-element van HTML wordt binnen een <select>-element gebruikt om de inhoud van de momentee... <textarea> Het <textarea>-HTML-element stelt een meerregelig platte-tekst-bewerkingsveld voor, handig wanneer je gebruike...

Varianten van <input>

<input type="button"> <input>-elementen van het type button worden weergegeven als drukknoppen, die kunnen worden geprogrammeerd om... <input type="checkbox"> <input>-elementen van het type checkbox worden standaard weergegeven als vakjes die worden aangevinkt wanneer... <input type="color"> <input>-elementen van het type color bieden een gebruikersinterface-element waarmee een gebruiker een kleur ka... <input type="date"> <input>-elementen van type="date" maken invoervelden die de gebruiker een datum laten invoeren. Het uiterlijk... <input type="datetime-local"> <input>-elementen van het type datetime-local creëren invoerbedieningen waarmee de gebruiker eenvoudig zowel e... <input type="email"> <input>-elementen van het type email worden gebruikt om de gebruiker een e-mailadres te laten invoeren en bewe... <input type="file"> <input>-elementen met type="file" laten de gebruiker een of meer bestanden kiezen uit de opslag van hun appara... <input type="hidden"> <input>-elementen van het type hidden stellen webontwikkelaars in staat om gegevens in een formulier op te nem... <input type="image"> <input>-elementen van het type image worden gebruikt om grafische submit-knoppen te maken, dat wil zeggen subm... <input type="month"> <input>-elementen van het type month maken invoervelden die de gebruiker een maand en jaar laten invoeren, waa... <input type="number"> <input>-elementen van het type number worden gebruikt om de gebruiker een getal te laten invoeren. Ze bevatten... <input type="password"> <input>-elementen van het type password bieden de gebruiker een manier om op een veilige wijze een wachtwoord... <input type="radio"> <input>-elementen van het type radio worden meestal gebruikt in radiogroepen — verzamelingen radioknoppen die... <input type="range"> <input>-elementen van het type range laten de gebruiker een numerieke waarde opgeven die niet lager mag zijn d... <input type="reset"> <input>-elementen van het type reset worden weergegeven als knoppen, met een standaard click-gebeurtenishandle... <input type="search"> <input>-elementen van het type search zijn tekstvelden die zijn ontworpen zodat de gebruiker er zoekopdrachten... <input type="submit"> <input>-elementen van het type submit worden weergegeven als knoppen. Wanneer de click-gebeurtenis optreedt (m... <input type="tel"> <input>-elementen van het type tel worden gebruikt om de gebruiker een telefoonnummer te laten invoeren en bew... <input type="text"> <input>-elementen van het type text maken eenvoudige eenregelige tekstvelden. <input type="time"> <input>-elementen van het type time maken invoervelden aan die zijn ontworpen om de gebruiker eenvoudig een ti... <input type="url"> <input>-elementen van het type url worden gebruikt om de gebruiker een URL te laten invoeren en bewerken. <input type="week"> <input>-elementen van het type week creëren invoervelden die eenvoudige invoer mogelijk maken van een jaar plu...