HTML DOM 입력 검색 패턴 속성은 입력 검색 필드의 패턴 속성을 설정하거나 반환하는 데 사용됩니다. 패턴 속성에 의해 지정된 정규식에 대해 검색 필드 시간을 확인합니다.
구문
다음은 −
의 구문입니다.패턴 속성 설정 -
searchObject.pattern = regexp
여기서 regexp는 검색 필드를 검사하는 정규식입니다.
예시
입력 검색 패턴 속성의 예를 살펴보겠습니다 -
<!DOCTYPE html>
<html>
<body>
<h1>Input Search pattern property</h1>
<p>The time inside search field can either be of three numeric characters or 6 alphabet characters from a to g</p>
<form action="/Sample_page.php">
FRUITS: <input type="search" id="SEARCH1" name="fruits" pattern="[0-9]{3}|[a-g]{6}"
title="Three numeric character or 6 alphabet between a-g">
<input type="submit">
</form>
<br>
<button onclick="passPattern()">GET PATTERN</button>
<p id="Sample"></p>
<script>
function passPattern() {
var P = document.getElementById("SEARCH1").pattern;
document.getElementById("Sample").innerHTML ="The pattern attribute value is"+ P;
}
</script>
</body>
</html> 출력
이것은 다음과 같은 출력을 생성합니다 -
패턴 속성에 지정된 정규식과 일치하지 않는 검색 필드 내 텍스트 입력 시 -
GET PATTERN 버튼을 클릭하면 -
