Đối tượng HTML DOM Form

Đối tượng Form trong HTML DOM đại diện cho phần tử <form>. Bạn có thể tạo và truy xuất form bằng createElement() và getElementById() của đối tượng document. Các thuộc tính của form có thể đặt và lấy giá trị.

Thuộc tính

Thuộc tính	Mô tả
acceptCharset	Đặt/ trả về giá trị thuộc tính `accept-charset` của form.
action	Đặt/ trả về giá trị thuộc tính `action` (URL xử lý form).
autocomplete	Đặt/ trả về giá trị thuộc tính `autocomplete`.
encoding	Bí danh (alias) của `enctype`.
enctype	Đặt/ trả về giá trị thuộc tính `enctype` (kiểu mã hóa dữ liệu form).
length	Trả về số lượng phần tử điều khiển trong form.
method	Đặt/ trả về giá trị thuộc tính `method` (GET/POST).
name	Đặt/ trả về giá trị thuộc tính `name` của form.
noValidate	Đặt/ trả về có kiểm tra hợp lệ dữ liệu form khi submit hay không.
target	Đặt/ trả về giá trị thuộc tính `target` (nơi hiển thị phản hồi).

Phương thức

Phương thức	Mô tả
reset()	Đặt lại (reset) form về giá trị ban đầu.
submit()	Gửi (submit) form.

Ví dụ

Ví dụ tạo động một form chứa trường input mật khẩu:

<!DOCTYPE html>
<html>
<head>
<script>
  function createForm() {
    var form = document.createElement("FORM");
    document.body.appendChild(form);
    var input = document.createElement("INPUT");
    input.setAttribute("type", "password");
    form.appendChild(input);
  }
</script>
</head>
<body>
<h1>Ví dụ đối tượng Form</h1>
<p>Nhấn nút để tạo FORM chứa trường input</p>
<button onclick="createForm()">TẠO</button>
<br><br>
</body>
</html>

Kết quả

Ban đầu chỉ có nút "TẠO".

Sau khi nhấn nút, một form xuất hiện chứa trường nhập mật khẩu (ẩn ký tự).

Giải thích

Nút "TẠO" gọi hàm createForm().
Hàm tạo <form>, gắn vào body.
Tạo <input>, đặt type="password" qua setAttribute().
Gắn input vào form bằng appendChild().