Thuộc tính bắt buộc của đầu vào HTML DOM Tìm kiếm được liên kết với thuộc tính bắt buộc của phần tử . Thuộc tính bắt buộc được sử dụng để thiết lập và trả về nếu cần điền vào một số trường tìm kiếm hay không trước khi biểu mẫu được gửi đến máy chủ. Điều này cho phép biểu mẫu không gửi nếu người dùng để trống trường tìm kiếm có thuộc tính bắt buộc.
Cú pháp
Sau đây là cú pháp cho -
Đặt thuộc tính bắt buộc -
searchObject.required = true|false
Ở đây, true biểu thị rằng trường tìm kiếm phải được điền trong khi false đại diện cho tùy chọn điền vào trường trước khi gửi biểu mẫu.
Ví dụ
Hãy để chúng tôi xem xét một ví dụ cho thuộc tính yêu cầu tìm kiếm đầu vào -
<!DOCTYPE html>
<html>
<body>
<h1>Input search required property</h1>
<p>Check if the above field is mandatory to be filled or not by clicking the below
button</p>
<form action="/Sample_page.php">
FRUITS: <input type="search" id="SEARCH1" name="fruits" required>
<input type="submit">
</form>
<br>
<button onclick="checkReq()">CHECK</button>
<p id="Sample"></p>
<script>
function checkReq() {
var Req=document.getElementById("SEARCH1").required;
if(Req==true)
document.getElementById("Sample").innerHTML="The search field must be filled before submitting";
else
document.getElementById("Sample").innerHTML="The search field is optional and can be left blank by the user";
}
</script>
</body>
</html> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Khi nhấp vào nút KIỂM TRA -
Nếu thuộc tính bắt buộc được đặt thành true và bạn nhấp vào gửi -
