Thẻ “form” trong HTML

Để sử dụng một form trong HTML, bạn cần sử dụng thẻ <form> và các phần tử form bên trong nó để xác định các trường dữ liệu và các hành động khi form được gửi đi. Dưới đây là một ví dụ cơ bản về cách sử dụng form trong HTML:

<!DOCTYPE html>
<html>
<head>
  <title>Example Form</title>
</head>
<body>
  <form action="/submit-form" method="POST">
    <label for="name">Name:</label>
    <input type="text" id="name" name="name" required>

    <label for="email">Email:</label>
    <input type="email" id="email" name="email" required>

    <label for="message">Message:</label>
    <textarea id="message" name="message" rows="4" required></textarea>

    <input type="submit" value="Submit">
  </form>
</body>
</html>

Trong ví dụ trên, chúng ta sử dụng thẻ <form> để bao quanh các trường dữ liệu và nút Submit. Thuộc tính action xác định URL mà form sẽ gửi dữ liệu đến khi người dùng nhấn nút Submit. Thuộc tính method xác định phương thức HTTP sử dụng để gửi dữ liệu (thường là POST hoặc GET).

Các phần tử form bên trong thẻ <form> bao gồm các trường dữ liệu như <input> (để nhập văn bản, email, số, vv.) và <textarea> (để nhập đoạn văn bản dài). Các trường dữ liệu được đặt tên bằng thuộc tính name để xác định dữ liệu tương ứng khi form được gửi đi.

Trong ví dụ trên, chúng ta có các trường dữ liệu “Name”, “Email” và “Message”, mỗi trường có một id duy nhất để liên kết với các nhãn (<label>) tương ứng. Thuộc tính required được sử dụng để yêu cầu người dùng điền đầy đủ thông tin vào các trường này trước khi gửi form.

Cuối cùng, chúng ta sử dụng một <input type="submit"> để tạo một nút Submit cho form, người dùng có thể nhấn để gửi dữ liệu đi.