pattern HTML attribuut
1 element kent dit attribuut. Klik op een tag voor de volledige uitleg van dat element.
Wat doet het pattern attribuut?
Reguliere expressie waaraan de waarde van het veld moet voldoen; de browser keurt het formulier af als de invoer niet matcht. Werkt samen met het title-attribuut om een foutmelding met uitleg te tonen.
<input type="text" pattern="[0-9]{4}" placeholder="1234" title="Vier cijfers">Welke HTML-elementen kennen pattern?
<input>
Het <input>-element van HTML wordt gebruikt om interactieve besturingselementen te maken voor webformulieren, om gegevens van de gebruiker t...
Geldig voor text, search, url, tel, email en password; het pattern-attribuut wordt gebruikt om een reguliere expressie te compileren waaraan de value van het invoerveld moet voldoen om de validatie van beperkingen te doorstaan. Het moet een geldige JavaScript-reguliere expressie zijn, zoals gebruikt door het RegExp-type, en zoals gedocumenteerd in onze gids over reguliere expressies. Er mogen geen schuine strepen om de patroontekst worden geplaatst. Bij het compileren van de reguliere expressie:
- wordt het patroon impliciet omwikkeld met
^(?:en)$, zodat de match vereist is tegen de volledige invoerwaarde, d.w.z.^(?:<patroon>)$. - wordt de
'v'-vlag opgegeven, zodat het patroon behandeld wordt als een reeks Unicode-codepunten in plaats van als ASCII.
Als het pattern-attribuut aanwezig maar niet opgegeven of ongeldig is, wordt er geen reguliere expressie toegepast en wordt dit attribuut volledig genegeerd. Als het pattern-attribuut geldig is en een niet-lege waarde niet overeenkomt met het patroon, voorkomt validatie van beperkingen het verzenden van het formulier. Als multiple aanwezig is, wordt de gecompileerde reguliere expressie vergeleken met elke door komma's gescheiden waarde.
Informeer, wanneer je het pattern-attribuut gebruikt, de gebruiker over het verwachte formaat door verklarende tekst in de buurt op te nemen. Je kunt ook een title-attribuut opnemen om uit te leggen wat de vereisten zijn om aan het patroon te voldoen; de meeste browsers tonen deze title als tooltip. De zichtbare uitleg is vereist voor toegankelijkheid. De tooltip is een verbetering.
Zie Clientzijdige validatie voor meer informatie.