Thuộc tính HTML DOM Input Password name

Thuộc tính name của Input Password dùng để đặt hoặc lấy giá trị thuộc tính name của trường mật khẩu (<input type="password">). Thuộc tính name giúp nhận diện dữ liệu form khi submit lên server, và JavaScript cũng dùng nó để tham chiếu phần tử.

Cú pháp

Đặt thuộc tính name:

passwordObject.name = name

• name: Tên muốn gán cho trường mật khẩu.

Ví dụ

Ví dụ thay đổi tên trường mật khẩu:

<!DOCTYPE html>
<html>
<body>
<h1>Thuộc tính Input Password name</h1>
Mật khẩu: <input type="password" id="PASS" name="passW">
<p>Nhấn nút để thay đổi tên trường mật khẩu</p>
<button onclick="changeName()">ĐỔI TÊN</button>
<p id="Sample"></p>
<script>
  function changeName() {
    document.getElementById("PASS").name = "NEW_PASS";
    document.getElementById("Sample").innerHTML = "Tên trường mật khẩu giờ là NEW_PASS";
  }
</script>
</body>
</html>

Kết quả

Ban đầu trường mật khẩu có name="passW".

Sau khi nhấn "ĐỔI TÊN", hiển thị: "Tên trường mật khẩu giờ là NEW_PASS".

Giải thích

• Trường input type="password", id="PASS", name="passW".
• Nút "ĐỔI TÊN" gọi hàm changeName().
• Hàm lấy phần tử qua ID, đặt .name = "NEW_PASS".
• Hiển thị thông báo xác nhận.