Exemplu
Un formular HTML cu un câmp de intrare , care poate conține doar trei litere (no numbers or special characters) :
<form action="demo_form.asp">
Country code: <input type="text" name="country_code"
pattern="[A-Za-z]{3}"
title="Three letter country code">
<input type="submit">
</form>
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
pattern atribut specifica o expresie regulată ca <input> valoarea elementului este verificat.
Note: pattern Atributul funcționează cu următoarele tipuri de introducere: text, date, search, url, tel, email - password text, date, search, url, tel, email - text, date, search, url, tel, email și password .
Sfat: utilizați la nivel mondial title atribut pentru a descrie modelul pentru a ajuta utilizatorul.
Tip: Aflați mai multe despre expresiile regulate în programul nostru de instruire JavaScript.
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin atributul.
| Atribut | |||||
|---|---|---|---|---|---|
| pattern | 5 | 10.0 | 4 | Nu sunt acceptate | 9.6 |
Diferențe între HTML 4.01 și HTML5
pattern atribut este nou în HTML5.
Sintaxă
<input pattern=" Valorile atributelor Valoare Descriere regexp Specifică o expresie regulată care <input> valoarea elementului este verificat
Mai multe exemple
Exemplu
Un <input> Element cu type="password" care trebuie să conțină 6 sau mai multe caractere:
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
Încearcă - l singur »
Exemplu
Un <input> Element cu type="password" care trebuie să conțină 8 sau mai multe caractere care sunt de cel puțin un număr, și o literă mare și literă mică:
<form action="demo_form.asp">
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>
Încearcă - l singur »
Exemplu
Un <input> Element cu type="email" care trebuie să fie în următoarea ordine: caractere @ caractere. domeniu (caractere urmat de un semn @, urmat de mai multe caractere, și apoi o "."
Dupa "." semna, puteți scrie doar 2 până la 3 litere de la A la Z:
<form action="demo_form.asp">
E-mail: <input type="email"
name="email" pattern="[a-z0-9._%+-]+@[a-z0-9.-]+\.[a-z]{2,3}$">
<input type="submit">
</form>
Încearcă - l singur »
Exemplu
Un <input> Element cu type="search" , care nu poate conține următoarele caractere: ' sau "
<form action="demo_form.asp">
Search: <input
type="search" name="search" pattern="[^'\x22]+" title="Invalid input">
<input type="submit">
</form>
Încearcă - l singur »
Exemplu
Un <input> Element cu type="url" care trebuie să înceapă cu http:// sau https:// urmat de cel puțin un caracter:
<form action="demo_form.asp">
Homepage:
<input type="url" name="website" pattern="https?://.+" title="Include
http://">
<input type="submit">
</form>
Încearcă - l singur »