Thuộc tính required của Input Search trong HTML DOM

Thuộc tính required của Input Search trong HTML DOM liên quan đến thuộc tính required của phần tử <input>. Thuộc tính required dùng để thiết lập và trả về xem có bắt buộc điền trường tìm kiếm trước khi submit form hay không. Cho phép form không submit nếu trường required bị để trống.

Cú pháp

Cú pháp để thiết lập thuộc tính required:

searchObject.required = true|false

true = bắt buộc điền, false = tùy chọn.

Ví dụ

Ví dụ minh họa cho thuộc tính required:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính required của Input Search</h1> 
<p>Kiểm tra xem trường trên có bắt buộc điền hay không bằng cách nhấn nút dưới đây</p> 
<form action="/Sample_page.php"> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits" required> 
    <input type="submit"> 
</form> 
<br> 
<button onclick="checkReq()">KIỂM TRA</button> 
<p id="Sample"></p> 
<script> 
    function checkReq() { 
        var Req = document.getElementById("SEARCH1").required; 
        if (Req == true) 
            document.getElementById("Sample").innerHTML = "Trường tìm kiếm phải được điền trước khi submit"; 
        else 
            document.getElementById("Sample").innerHTML = "Trường tìm kiếm là tùy chọn, có thể để trống"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn "KIỂM TRA", hiển thị thông báo bắt buộc điền. Nếu submit không nhập, trình duyệt hiển thị cảnh báo và không cho submit.