Thuộc tính HTML DOM Form name

Thuộc tính Form name liên kết với thuộc tính name của phần tử <form>. Dùng để đặt hoặc lấy giá trị tên của form. Tên form giúp xác định form khi có nhiều form trên trang.

Cú pháp

Đặt tên form:

formObject.name = name

• name: Tên muốn gán cho form.

Ví dụ

Ví dụ thay đổi tên form khi nhấn nút:

<!DOCTYPE html>
<html>
<head>
<style>
  form {
    border: 2px solid blue;
    margin: 2px;
    padding: 4px;
  }
</style>
<script>
  function changeName() {
    document.getElementById("FORM1").name = "FORM_2";
    document.getElementById("Sample").innerHTML = "Tên form đã thay đổi từ FORM_1 sang FORM_2";
  }
</script>
</head>
<body>
<h1>Ví dụ thuộc tính Form name</h1>
<form id="FORM1" method="post" action="/sample_page.php" name="FORM_1">
  <label>Tên người dùng <input type="text" name="usrN"></label><br><br>
  <label>Tuổi <input type="text" name="Age"></label><br><br>
  <input type="submit" value="GỬI">
</form>
<p>Nhấn nút để thay đổi tên form trên</p>
<button onclick="changeName()">ĐỔI TÊN</button>
<p id="Sample"></p>
</body>
</html>

Kết quả

Ban đầu form có tên "FORM_1" hiển thị các trường nhập liệu.

Sau khi nhấn "ĐỔI TÊN", thông báo: "Tên form đã thay đổi từ FORM_1 sang FORM_2".

Giải thích

• Form có id="FORM1", name="FORM_1", chứa 2 trường input text và nút submit.
• Nút "ĐỔI TÊN" gọi hàm changeName().
• Hàm lấy form qua getElementById("FORM1"), đặt .name = "FORM_2".
• Hiển thị thông báo xác nhận qua innerHTML của phần tử <p id="Sample">.