정의 및 사용
pattern 속성은 정규 표현식 지정 <input> 요소의 값에 대해 확인됩니다.
주 : pattern : 속성은 다음과 같은 입력 형식으로 작동 text, date, search, url, tel, email 및 password .
팁 : 글로벌 사용 title 사용자에게 도움이되는 패턴을 설명하는 속성을.
팁 :에 대해 자세히 알아 정규 표현식 우리의 자바 스크립트 튜토리얼입니다.
적용
pattern 특성은 다음의 요소를 사용할 수있다 :
| 요소 | 속성 |
|---|---|
| <input> | pattern |
예
Input 예
세 개의 문자를 (아무 숫자 나 특수 문자) 포함 할 수있는 입력 필드와 HTML 양식 :
<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>
»그것을 자신을 시도 Password 예
<input> 와 요소 type="password" 6 개 이상의 문자를 포함해야합니다 :
<form action="demo_form.asp">
Password: <input type="password" name="pw" pattern=".{6,}" title="Six or
more characters">
<input type="submit">
</form>
»그것을 자신을 시도 Password 예
<input> 와 요소 type="password" 적어도 하나의 숫자입니다 8 자 이상, 하나의 대문자와 소문자를 포함해야합니다 :
<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>
»그것을 자신을 시도 Browser 지원
표의 수치는 완전히 특성을 지원하는 제 브라우저 버전을 지정.
| 속성 | |||||
|---|---|---|---|---|---|
| pattern | 5.0 | 10.0 | 4.0 | 지원되지 않음 | 9.6 |