Cách đặt lại tất cả trường nhập liệu trong biểu mẫu HTML

Sử dụng biểu mẫu HTML, bạn có thể dễ dàng thu thập dữ liệu từ người dùng. Thẻ <form> dùng để lấy đầu vào bằng cách thêm các phần tử biểu mẫu như ô nhập văn bản, nút radio, nút gửi, v.v.

Thẻ <input> giúp nhận đầu vào nhờ thuộc tính type. Để xóa toàn bộ dữ liệu trong biểu mẫu HTML, hãy dùng thẻ <input> với thuộc tính type="reset".

Ví dụ

Chạy mã sau để xem nút đặt lại (reset) hoạt động như thế nào:

<!DOCTYPE html>
<html>
  <body>
    <form>
      Tên học sinh:<br>
      <input type="text" name="sname"> <br>
      Môn học:<br>
      <input type="text" name="ssubject"> <br>
      <input type="reset" value="Đặt lại">
    </form>
  </body>
</html>

Khi người dùng nhấn nút Đặt lại, tất cả các trường nhập liệu trong form sẽ trở về giá trị mặc định (thường là rỗng).