Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách sử dụng nút Submit (Gửi) trong Form HTML?

Nút Submit (Gửi) tự động gửi form khi nhấn. Sử dụng thẻ <form> để lấy đầu vào người dùng, thêm các phần tử form: text input, radio, submit button, v.v.

Nút submit được tạo bằng thẻ <input> với type="submit".

Ví dụ: Form có nút Submit và Reset

<!DOCTYPE html>
<html>
<body>
    <form action="/xu-ly.php" method="post">
        Tên sinh viên:<br>
        <input type="text" name="ten"><br>
        Môn học:<br>
        <input type="text" name="mon"><br><br>
        <input type="submit" value="Gửi">
        <input type="reset" value="Làm lại">
    </form>
</body>
</html>

Các thuộc tính quan trọng của <form>:

Thuộc tínhMô tả
actionURL xử lý form (file PHP, API endpoint...).
methodPhương thức HTTP: GET (mặc định) hoặc POST.
enctypeEncoding: application/x-www-form-urlencoded (mặc định) hoặc multipart/form-data (upload file).
targetMở kết quả ở đâu: _self, _blank, v.v.

Lưu ý:

  • GET: Dữ liệu trên URL, dùng cho tìm kiếm, lọc (không nhạy cảm).
  • POST: Dữ liệu trong body request, dùng cho đăng ký, đăng nhập, thay đổi dữ liệu.
  • Luôn validate ở cả client (JS) và server (PHP/Node...).