Công ty thiết kế website chuẩn SEO Web Mới
Tìm kiếm
Công ty thiết kế website chuẩn SEO Web Mới

Thẻ fieldset trong HTML

Thẻ fieldset trong HTML dùng để nhóm các phần nhập liệu, chọn,.... có liên quan ở trong form lại với nhau, sử dụng thẻ legend để đặt tiêu đề, chi tiết như nào hãy cùng chúng tôi phân tích:

Thẻ fieldset trong HTML

Thẻ fieldset trong HTML

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

Thẻ fieldset trong HTML dùng để nhóm các phần nhập liệu, chọn,.... có liên quan ở trong form lại với nhau, sử dụng thẻ legend để đặt tiêu đề cho từng nhóm giúp dễ phân biệt hơn và người dùng dễ nhận biết mục đích của nhóm hơn, bạn có thể dùng riêng cho một form hoặc trong form chia ra nhiều nhóm nhỏ.

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

<fieldset>cacthehtml</fieldset>

cacthehtml: Các thẻ HTML.

Bao gồm thẻ mở <fieldset> và thẻ đóng </fieldset> bao quanh thẻ legend dùng làm tiêu đề nhóm và các thẻ trong form. 

Code Thẻ fieldset trong HTML

Thẻ fieldset mặc định trong HTML

<form action="https://webmoi.vn/the-fieldset-mac-dinh-trong-html/">
 <fieldset>
  <legend>Thông tin liên hệ:</legend>
  <label for="hoten">Họ Tên:</label>
  <input type="text" id="hoten" name="txthoten"><br><br>
  <label for="dienthoai">Điện thoại:</label>
  <input type="text" id="dienthoai" name="txtdienthoai"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="txtemail"><br><br>
  <input type="submit" value="GỬI ĐI">
 </fieldset>
</form>

Chạy Thử

Css cho Thẻ fieldset trong HTML

<!DOCTYPE html>
<html>
<head>
<title>Css cho Thẻ fieldset trong HTML</title>
<style>
fieldset {
  background-color: #eeeeee;
}

legend {
  background-color: gray;
  color: white;
  padding: 5px 10px;
}

label {
  float: left;
  width: 83px;
}
</style>
</head>
<body>
<form action="https://webmoi.vn/the-fieldset-mac-dinh-trong-html/">
 <fieldset>
  <legend>Thông tin liên hệ:</legend>
  <label for="hoten">Họ Tên:</label>
  <input type="text" id="hoten" name="txthoten"><br><br>
  <label for="dienthoai">Điện thoại:</label>
  <input type="text" id="dienthoai" name="txtdienthoai"><br><br>
  <label for="email">Email:</label>
  <input type="email" id="email" name="txtemail"><br><br>
  <input type="submit" value="GỬI ĐI">
 </fieldset>
</form>
</body>
</html>

Chạy Thử

Lời kết

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

  • 0 Bình luận
CEO Bùi Tấn Lực
Bùi Tấn Lực
CEO Bùi Tấn Lực người sáng lập ra Web Mới, là một lập trình viên website, người viết content, chuyên tư vấn các vấn đề về website và SEO website
  • Zalo
Chia sẻ nội dung đánh giá của bạn về Thẻ fieldset trong HTML
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *
Đánh giá của bạn
Tên *
Email
Số điện thoại *
Bình luận, Hỏi đáp
Đăng ký tư vấn miễn phí
Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn
Kiến thức CSS
Kiến thức PHP
Kiến thức JavaScript
Kiến thức về website
0398.259.259