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

Thuộc tính name của Input Search trong HTML DOM dùng để thiết lập hoặc trả về thuộc tính name của trường tìm kiếm. Thuộc tính name giúp xác định dữ liệu form sau khi submit lên server. JavaScript cũng dùng name để tham chiếu phần tử form để thao tác sau này.

Cú pháp

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

searchObject.name = name

Trong đó, name chỉ định tên của trường tìm kiếm.

Ví dụ

Ví dụ minh họa cho thuộc tính name của Search:

<!DOCTYPE html> <html> <body> 
<h1>Thuộc tính name của Input Search</h1> 
<form> 
    TRÁI CÂY: <input type="search" id="SEARCH1" name="fruits" maxlength="5"> 
</form> 
<p>Thay đổi tên của trường tìm kiếm trên bằng cách nhấn nút dưới đây</p> 
<button type="button" onclick="changeName()">THAY ĐỔI TÊN</button> 
<p id="Sample"></p> 
<script> 
    function changeName() { 
        document.getElementById("SEARCH1").name = "SEARCH_2"; 
        document.getElementById("Sample").innerHTML = "Tên trường tìm kiếm bây giờ là SEARCH_2"; 
    } 
</script> </body> </html>

Kết quả

Khi nhấn nút "THAY ĐỔI TÊN", thuộc tính name của trường tìm kiếm chuyển từ "fruits" sang "SEARCH_2".