HTML 참조 매뉴얼

HTML 태그 모음

HTML: <input> pattern 속성

이 문서는 HTML input pattern 속성의 사용 방법을 설명하며, HTML input pattern 속성, 브라우저 호환성, 문법 정의 및 속성 값 세부 사항 등을 온라인 예제로 보여줍니다.

온라인 예제

한 HTML 양식이 입력 필드가 세 글자만 포함할 수 있습니다(숫자나 특수 문자는 포함하지 않습니다):

예제

!DOCTYPE　html>
<html>
<head>
<title>HTML:<input>　pattern　속성　-　기본 튜토리얼 웹(oldtoolbag.com)</title>
<body>
<form　action="action_page.php">
　　국가/지역 코드:　<input　type="text"　name="country_code"　pattern="[A-Za-z]{3"　title="3어떤 국가의 한 글자/지역 코드">
　　<input　type="submit">
</form>
</html>

테스트 봐보세요 ‹/›

브라우저 호환성

IE파이어폭스오페라크롬사파리

인터넷 익스플로러 10및 Firefox, Opera 및 Chrome가 pattern 속성을 지원합니다.

주의:Safari 또는 Internet Explorer 9 및 이전 버전은 <input> 태그의 pattern 속성을 지원하지 않습니다.

정의와 사용법

pattern 속성은 입력 요소의 값을 확인하는 정규 표현식을 지정하며, 폼을 제출할 때 입력 요소의 값을 확인합니다.

주의:pattern 속성은 다음 input 타입에 적용됩니다: text, search, url, tel, email 및 password.

ヒント:전역의 title 속성을 사용하여 사용자에게 패턴을 설명하는 도움을 줍니다.

ヒント:JavaScript 강의에서 더 많이 배울 수 있습니다. 정규 표현식 의 지식을 필요로 합니다.

HTML 4.01 와 HTML5끼리의 차이

pattern 속성은 HTML5 에서 추가된 속성.

문법

<input pattern="regexp">

속성 값

값	설명
regexp	<input> 요소의 값을 검증하는 정규 표현식을 정의합니다.

　HTML <input> 태그

HTML: <template> 태그