HTML <input> vzor Atribut
Příklad
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">
<label for="country_code">Country code:</label>
<input
type="text" id="country_code" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code"><br><br>
<input type="submit">
</form>
Další příklady „Vyzkoušejte si to sami“ níže.
Definice a použití
Atribut patternurčuje regulární výraz, proti
<input>kterému je při odeslání formuláře kontrolována hodnota prvku.
Poznámka: Atribut patternfunguje s následujícími typy vstupu: text, datum, hledání, url, tel, e-mail a heslo.
Tip: Použijte globální titleatribut 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.
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 | 10.1 | 9.6 |
Syntax
<input pattern="regexp">
Hodnoty atributů
| Value | Description |
|---|---|
| regexp | Specifies a regular expression that the <input> element's value is checked against |
Další příklady
Příklad
Prvek <input> s type="password", který musí obsahovat 8 nebo více znaků:
<form action="/action_page.php">
<label for="pwd">Password:</label>
<input type="password" id="pwd"
name="pwd"
pattern=".{8,}" title="Eight or more characters">
<input type="submit">
</form>
Příklad
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">
<label for="pwd">Password:</label>
<input type="password" id="pwd" name="pwd"
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>
Příklad
Prvek <input> s type="email", který musí být v následujícím pořadí: znaky @ znaky . doména (znaky následované znakem @, následovaným dalšími znaky a poté znakem "."
Po "." podepsat, přidejte alespoň 2 písmena od a do z:
<form action="/action_page.php">
<label
for="email">Email:</label>
<input type="email" id="email" name="email"
pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,}$">
<input type="submit">
</form>
Příklad
Prvek <input> s type="search", který NEMŮŽE obsahovat následující znaky: ' nebo "
<form action="/action_page.php">
<label
for="search">Search:</label>
<input type="search" id="search" name="search"
pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
Příklad
Prvek <input> s type="url", který musí začínat http:// nebo https:// a za ním musí následovat alespoň jeden znak:
<form action="/action_page.php">
<label
for="website">Homepage:</label>
<input type="url" id="website"
name="website"
pattern="https?://.+" title="Include http://">
<input type="submit">
</form>
❮ HTML tag <input>