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

HTML Form là gì? Cách sử dụng Form trong HTML?

HTML Form dùng để thu thập dữ liệu từ người truy cập website. Ví dụ: thu thập thông tin sinh viên (tên, tuổi, địa chỉ, điểm...) khi đăng ký trên website trường học.

Form nhận dữ liệu từ người dùng và gửi (post) đến ứng dụng backend (CGI, ASP, PHP, Node.js...). Backend xử lý dữ liệu dựa trên logic nghiệp vụ.

Thẻ <form> tạo form trong HTML.

Các thuộc tính của Form

Thuộc tínhMô tả
actionURL script backend xử lý dữ liệu.
methodPhương thức gửi: GET hoặc POST (phổ biến nhất).
targetCửa sổ/frame hiển thị kết quả: _self, _blank, _parent.
enctypeCách encode dữ liệu trước khi gửi:
  • application/x-www-form-urlencoded (mặc định, form đơn giản).
  • multipart/form-data (upload file: ảnh, word...).

Các điều khiển Form (Form Controls)

Các loại control thu thập dữ liệu: text input, checkbox, radio, file select, submit button, v.v.

Ví dụ đơn giản

<!DOCTYPE html>
<html>
<head>
    <title>HTML Forms</title>
</head>
<body>
    <form action="/xu-ly.php" method="post">
        Tên: <input type="text" name="ten" /><br>
        Môn: <input type="text" name="mon" /><br>
        <input type="submit" value="Gửi">
    </form>
</body>
</html>

Các thuộc tính của <input>:

Thuộc tínhMô tả
typeLoại control (text, password, checkbox...).
nameTên control (gửi lên server).
valueGiá trị ban đầu.
sizeChiều rộng (số ký tự).
maxlengthSố ký tự tối đa cho phép.