Thuộc tính mẫu Tìm kiếm đầu vào HTML DOM được sử dụng để thiết lập hoặc trả về thuộc tính mẫu của trường tìm kiếm đầu vào. Nó kiểm tra thời gian của trường tìm kiếm so với một biểu thức chính quy được chỉ định bởi thuộc tính mẫu.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính mẫu -
searchObject.pattern = regexp
Ở đây, regexp là một biểu thức chính quy mà trường tìm kiếm được kiểm tra.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính mẫu Tìm kiếm đầu vào -
<!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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhập văn bản bên trong trường tìm kiếm không được khớp với regex được chỉ định trong thuộc tính mẫu -
Khi nhấp vào nút NHẬN MẪU -
