HTML- patroon kenmerk
Definisie en gebruik
Die patternkenmerk spesifiseer 'n gereelde uitdrukking waarteen die
<input>element se waarde gekontroleer word.
Let wel: Die patternkenmerk werk met die volgende invoertipes: teks, datum, soektog, url, tel, e-pos en wagwoord.
Wenk: Gebruik die globale titlekenmerk om die patroon te beskryf om die gebruiker te help.
Wenk: Kom meer te wete oor gereelde uitdrukkings in ons JavaScript-tutoriaal.
Is van toepassing op
Die patternkenmerk kan op die volgende element gebruik word:
| Element | Eienskap |
|---|---|
| <invoer> | patroon |
Voorbeelde
Invoer voorbeeld
'n HTML-vorm met 'n invoerveld wat slegs drie letters kan bevat (geen syfers of spesiale karakters):
<form action="/action_page.php">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}" title="Three letter country code">
<input type="submit">
</form>
Wagwoord voorbeeld
'n <input>-element met type="wagwoord" wat 6 of meer karakters moet bevat:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Wagwoord voorbeeld
'n <input> element met type="wagwoord" wat 8 of meer karakters moet bevat wat van ten minste een nommer en een hoofletter en kleinletter is:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern="(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{8,}" title="Must contain at least one number and one uppercase and lowercase letter, and at least 8 or more characters">
<input type="submit">
</form>
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die kenmerk ten volle ondersteun.
| Attribute | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |