HTML vzor Atribut
Definice a použití
Atribut pattern
určuje regulární výraz, podle kterého
<input>
se kontroluje hodnota prvku.
Poznámka: Atribut pattern
funguje s následujícími typy vstupu: text, datum, hledání, url, tel, e-mail a heslo.
Tip: Použijte globální title
atribut k popisu vzoru, který pomůže uživateli.
Tip: Další informace o regulárních výrazech naleznete v našem výukovém programu JavaScript.
Platí pro
Atribut pattern
lze použít pro následující prvek:
Živel | Atribut |
---|---|
<vstup> | vzor |
Příklady
Příklad vstupu
HTML formulář se vstupním polem, které může obsahovat pouze tři písmena (žádná čísla ani speciální znaky):
<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>
Příklad hesla
Prvek <input> s type="password", který musí obsahovat 6 nebo více znaků:
<form action="/action_page.php">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or more characters">
<input type="submit">
</form>
Příklad hesla
Prvek <input> s type="password", který musí obsahovat 8 nebo více znaků obsahujících alespoň jedno číslo a jedno velké a malé písmeno:
<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>
Podpora prohlížeče
Čísla v tabulce určují první verzi prohlížeče, která tento atribut plně podporuje.
Attribute | |||||
---|---|---|---|---|---|
pattern | 5.0 | 10.0 | 4.0 | Not supported | 9.6 |