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

HTML DOM Input Tên văn bản Thuộc tính

Thuộc tính Tên văn bản đầu vào của HTML DOM được sử dụng để thiết lập hoặc trả về thuộc tính tên của trường văn bản đầu vào. Thuộc tính name giúp xác định dữ liệu biểu mẫu sau khi nó đã được người gửi đến máy chủ.

Cú pháp

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

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

textObject.name = name

Ở đây, tên dùng để chỉ định tên trường văn bản.

Ví dụ

Chúng ta hãy xem một ví dụ cho thuộc tính text name -

<!DOCTYPE html>
<html>
<body>
<h1>Input Text name Property</h1>
USERNAME: <input type="text" id="USR" name="user_name">
<p>Change the name of the text field by clicking the below button</p>
<button onclick="changeName()">CHANGE NAME</button>
<p id="Sample"></p>
<script>
   function changeName() {
      document.getElementById("USR").name ="NEW_USER" ;
      document.getElementById("Sample").innerHTML = "Text field name is now NEW_USER";
   }
</script>
</body>
</html>

Đầu ra

Điều này sẽ tạo ra kết quả sau. Chỉ cho phép 5 ký tự vì chúng tôi đã đặt maxLength 5 -

HTML DOM Input Tên văn bản Thuộc tính

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

HTML DOM Input Tên văn bản Thuộc tính