Trong bài này chúng ta sẽ tìm hiểu thẻ form trong HTML, đây là thẻ dùng để bao quanh các biểu mẫu, giúp client có thể gửi dữ liệu lên server.
Nếu bạn lướt trên các trang web trên internet thì sẽ thấy nhiều website có các phần liên hệ, đặt hàng, thanh toán giỏ hàng … tất cả những chức năng này đều phải sử dụng thẻ form đấy các bạn.
1. Thẻ form trong HTML dùng để làm gì?
Thẻ form có chức năng tạo một mẫu HTML để người dùng nhập, sau đó gửi dữ liệu lên phía server bằng cách tạo ra một hành động submit form. Bên trong form có thể chứa các phần tử sau:
- <input>
- <textarea>
- <button>
- <select>
- <option>
- <optgroup>
- <fieldset>
- <label>
Tùy vào mỗi giao diện mà bạn chọn thẻ cho phù hợp. Ví dụ, nếu bạn muốn hiển thị một danh sách các tùy chọn thì nên sử dụng thẻ select hoặc input type=radio. Còn nếu bạn muốn thu thập dữ liệu mà người dùng nhập vào thì dùng input type=text.
Bài viết này được đăng tại [kiso.vn]
<form method="" action=""></form>
Trong đó:
- action – đường dẫn mà form sẽ gửi dữ liệu tới.
- method – phương thức gửi dữ liệu bao gồm: POST, GET.
Thẻ form trong html vẫn có các thuộc tính cơ bản như style, id, class. Tuy nhiên, thông thường thì chúng ta chỉ quan tâm đến hai thuộc tính mà mình đã liệt kê ở trên.
Tóm lại: Nếu bạn cần lấy dữ liệu từ những người dùng truy cập vào website thì phải sử dụng thẻ form, thông qua hai phương thức POST hoặc GET.
2. Cách sử dụng thẻ form trong HTML
Ví dụ: Sử dụng thẻ form để tạo một vùng nhập dữ liệu đơn giản:
<!DOCTYPE html>
<html>
<head>
<title>Học lập trình miễn phí tại kiso.vn</title>
<meta charset="utf-8">
</head>
<body>
<h1>Học lập trình miễn phí tại kiso.vn</h1>
<form action="/action_page.php">
First name: <input type="text" name="FirstName"><br>
Last name: <input type="text" name="LastName"><br>
<input type="submit" value="Submit">
</form>
</body>
</html>Kết quả:
3. Trình duyệt hỗ trợ thẻ form
- Chrome
- Firefox
- IE
- Safari
- Opera
Tham khảo: w3schools.com
Bài viết liên quan
[CSF-2] Một số thiết lập CSF, LFD
Hôm nay mình sẽ thực hiện một số thiết lập trên CSF Mở file config để sửa đổi một số tính năng dưới /etc/csf/csf.conf Nội dung chính1. Thẻ form trong HTML dùng để làm gì?2....
[CSF-1] Tăng bảo mật Server với ConfigServer Firewall (CSF)
Nội dung chính1. Thẻ form trong HTML dùng để làm gì?2. Cách sử dụng thẻ form trong HTML3. Trình duyệt hỗ trợ thẻ form1. Khái niệm CSF: CSF (ConfigServer & Firewall) là một bộ ứng...
Sử dụng SSH Key với Gitlab và Github
Bài viết này mình sẽ hướng dẫn các bạn tạo ssh key cho Gitlab và Github SSH là gì? Secure Socket Shell là một giao thức mạng dùng để thiết lập kết nối mạng một...
Directory traversal vulnerabilities (phần 4)
Nội dung chính1. Thẻ form trong HTML dùng để làm gì?2. Cách sử dụng thẻ form trong HTML3. Trình duyệt hỗ trợ thẻ formV. Phân tích và khai thác các lỗ hổng Directory traversal (tiếp)...
Directory traversal vulnerabilities (phần 3)
Nội dung chính1. Thẻ form trong HTML dùng để làm gì?2. Cách sử dụng thẻ form trong HTML3. Trình duyệt hỗ trợ thẻ formV. Phân tích và khai thác các lỗ hổng Directory traversal 1....
Directory traversal vulnerabilities (phần 2)
Nội dung chính1. Thẻ form trong HTML dùng để làm gì?2. Cách sử dụng thẻ form trong HTML3. Trình duyệt hỗ trợ thẻ formIII. Vì sao lỗ hổng Directory traversal xuất hiện? Với mỗi ngôn...