Computer >> Máy Tính >  >> Lập trình >> HTML

HTML DOM Input Search name Thuộc tính

Thuộc tính tên Tìm kiếm đầu vào HTML DOM được sử dụng để đặt hoặc trả lại thuộc tính tên của nút đặt lại. Thuộc tính name giúp xác định dữ liệu biểu mẫu sau khi nó đã được gửi đến máy chủ. JavaScript cũng có thể sử dụng thuộc tính name để tham chiếu đến các phần tử biểu mẫu để thao tác sau này.

Cú pháp

Sau đây là cú pháp cho -

Đặt thuộc tính tên -

searchObject.name = name

Ở đây, tên dùng để chỉ định tên trường tìm kiếm.

Ví dụ

Hãy để chúng tôi xem xét một ví dụ cho thuộc tính Tên tìm kiếm -

<!DOCTYPE html>
<html>
<body>
<h1>Input search name Property</h1>
<form>
FRUITS: <input type="search" id="SEARCH1" name="fruits" maxlength="5">
</form>
<p>Change the name of the above search field by clicking the below button</p>
<button type="button" onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
   function changeName() {
      document.getElementById("SEARCH1").name ="SEARCH_2 ;
      document.getElementById("Sample").innerHTML = "Search field name is now SEARCH_2";
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau -

HTML DOM Input Search name Thuộc tính

Khi nhấp vào nút THAY ĐỔI TÊN -

HTML DOM Input Search name Thuộc tính