<input> 태그의 pattern 속성
HTML <input> 태그 ⇒
정의 및 특징
<input> 태그의 pattern 속성은 폼 제출 시 <input> 요소의 값을 검사할 때 사용될 정규 표현식(regular expression)을 명시합니다.
이때 전역 속성인 title 속성을 사용하여 정규 표현식에 간단한 설명을 추가함으로써 사용자가 정확한 값을 입력할 수 있도록 도움을 줄 수 있습니다.
pattern 속성이 제대로 동작하는 <input> 요소의 type 속성값은 다음과 같습니다.
- date, email, password, search, tel, text, url
문법
|
<input pattern="정규 표현식"> |
속성값
| 속성값 | 설명 | |
|---|---|---|
|
정규 표현식 |
<input> 요소의 값을 검사할 때 사용하는 정규 표현식 |
예제
<form action="/examples/media/action_target.php" method="get">
생년월일 : <input type="text" name="bday" pattern="[0-9]{6}" title="'yymmdd'와 같은 6자리 숫자"><br>
<input type="submit">
</form>
지원하는 브라우저 및 버전
| 속성명 |
|
|
|
|
|
|
|---|---|---|---|---|---|---|
| pattern | 5.0 | 지원함 | 10.0 | 16.0 | 5.1 | 10.6 |
HTML5에서 변경된 사항
pattern 속성은 HTML5에서 <input> 태그에 새롭게 추가된 속성입니다.
연관 페이지
