Cách reset (xóa trắng) form bằng JavaScript?

Để reset/xóa trắng form bằng JavaScript, sử dụng phương thức reset() của đối tượng form. Phương thức này đặt lại giá trị tất cả các phần tử trong form như khi nhấn nút Reset.

Ví dụ

<!DOCTYPE html>
<html>
<head>
    <title>Reset Form HTML</title>
</head>
<body>
    <form id="myForm">
        Tên sinh viên<br>
        <input type="text" name="ten"><br>
        Môn học<br>
        <input type="password" name="mon"><br>
        <input type="button" onclick="resetForm()" value="Reset">
    </form>
    <script>
        function resetForm() {
            document.getElementById("myForm").reset();
        }
    </script>
</body>
</html>

So sánh 2 cách reset:

Lưu ý:

• reset() chỉ khôi phục về giá trị ban đầu trong HTML (defaultValue), không phải giá trị rỗng.
• Nếu input có value="abc" trong HTML, reset sẽ về "abc", không phải "".
• Để xóa hoàn toàn về rỗng, duyệt qua các input gán .value = ''.