Thẻ form trong HTML

• Trần Thị Vân
• 1159
• 09/07/2025

Chức năng của Thẻ form trong HTML

Thẻ form trong HTML dùng để gửi thông tin của người dùng nhập vào tới máy chủ, trong thẻ form sẽ chứa các thẻ input, select,... và nút submit, giúp website dễ dàng tương tác với người dùng hơn.

Cú pháp của Thẻ form trong HTML

<form method="giatriphuongthuc" action="lienketxuly" enctype="multipart/form-data">khoihtml</form>

khoihtml: Khối HTML gồm các ô nhập thông tin và nhấn nút gửi

lienketxuly: Khai báo đường dẫn xử lý dữ liệu sau khi nhấn gửi.

giatriphuongthuc: Giá trị của method gồm POST (Lấy dữ liệu nhưng không hiện lên url) và GET (Lấy dữ liệu nhưng hiện lên url).

Bao gồm thẻ mở <form> và thẻ đóng </form> bao quanh các phần tử HTML là các ô nhập dữ liệu, chọn dữ liệu và gửi.

Ví dụ thực tế Thẻ form trong HTML

<form method="POST" action="https://webmoi.vn/chay-thu-vi-du-thuc-te-the-form-trong-html/" enctype="multipart/form-data">
									
<label for="tenbgn" class="td_muc_ttbg">Họ và tên
</label>
<input id="tenbgn" name="ten" type="text" placeholder="Nhập họ và tên" class="txt_ttbg"> <br>
													
<label for="dienthoaibgn" class="td_muc_ttbg">Số điện thoại*
</label>
							
<input id="dienthoaibgn" type="text" name="dienthoai" class="txt_ttbg" placeholder="Nhập số điện thoại"  required> <br>

<label for="tenbgn" class="td_muc_ttbg">Gmail*
</label>
							
<input id="emailbgn" name="email" placeholder="Nhập Gmail" autocomplete="off" type="text" class="txt_ttbg"  required> <br>

<label for="noidungbgn" class="td_muc_ttbg">Nội dung
</label>
							
<textarea id="noidungbgn" name="noidung" style="margin-bottom:5px">
</textarea><br>
							
<label for="noidungbgn2" class="td_muc_ttbg">File yêu cầu(.doc|.docx|.pdf|.xlsx|.zip|.rar)
</label>
							
<input id="noidungbgn2" type="file" name="file2"><br>
												
<input type="submit" id="nutgui_ttbg" name="btnbaogianhanh" value="Gửi yêu cầu">
								
</form>

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thẻ form trong HTML.