autofocus HTML attribuut
4 elementen kennen dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het autofocus attribuut?
Boolean attribuut waarmee het element automatisch de focus krijgt zodra de pagina wordt geladen, zonder dat de gebruiker hoeft te klikken. Gebruik het spaarzaam en niet op meerdere elementen tegelijk.
<input type="text" name="zoeken" autofocus>Welke HTML-elementen kennen autofocus?
<button>
Het <button>-element van HTML is een interactief element dat door een gebruiker wordt geactiveerd met een muis, toetsenbord, vinger, spraakc...
<input>
Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...
Een booleaans attribuut dat, indien aanwezig, aangeeft dat het invoerveld automatisch focus moet krijgen zodra de pagina klaar is met laden (of wanneer de <dialog> die het element bevat, wordt weergegeven).
Een element met het autofocus-attribuut kan al focus krijgen voordat het DOMContentLoaded-event wordt afgevuurd.
Niet meer dan één element in het document mag het autofocus-attribuut hebben. Als het op meerdere elementen wordt geplaatst, krijgt het eerste element met het attribuut focus.
Het autofocus-attribuut kan niet worden gebruikt bij invoervelden van het type hidden, aangezien verborgen invoervelden geen focus kunnen krijgen.
Het automatisch focussen van een formulierbesturingselement kan verwarrend zijn voor slechtziende mensen die schermlezers gebruiken en voor mensen met cognitieve beperkingen. Wanneer autofocus is ingesteld, "teleporteren" schermlezers hun gebruiker zonder waarschuwing vooraf naar het formulierbesturingselement.
Overweeg de toegankelijkheid zorgvuldig bij het toepassen van het autofocus-attribuut. Het automatisch focussen van een besturingselement kan ervoor zorgen dat de pagina bij het laden scrollt. De focus kan ook op sommige touchapparaten dynamische toetsenborden laten verschijnen. Een schermlezer kondigt weliswaar het label aan van het formulierbesturingselement dat focus krijgt, maar zal niets aankondigen van wat daarvoor komt, en ook een ziende gebruiker op een klein apparaat mist evenzeer de context die de voorafgaande inhoud biedt.
<select>
Het <select>-HTML-element stelt een besturingselement voor dat een menu met opties biedt.
autofocus-attribuut hebben.
<textarea>
Het <textarea>-HTML-element stelt een meerregelig platte-tekst-bewerkingsveld voor, handig wanneer je gebruikers een aanzienlijke hoeveelhei...