ตัวอย่าง
องค์ประกอบที่เกี่ยวข้องกับกลุ่มในรูปแบบ:
<form>
<fieldset>
<legend>Personalia:</legend>
Name: <input type="text"><br>
Email: <input type="text"><br>
Date of birth: <input type="text">
</fieldset>
</form>
ลองตัวเอง» ความหมายและการใช้งาน
<fieldset> แท็กจะใช้ในกลุ่มที่เกี่ยวข้องกับองค์ประกอบในรูปแบบ
<fieldset> แท็กดึงกล่องรอบองค์ประกอบที่เกี่ยวข้อง
สนับสนุนเบราว์เซอร์
| ธาตุ | |||||
|---|---|---|---|---|---|
| <fieldset> | ใช่ | ใช่ | ใช่ | ใช่ | ใช่ |
เคล็ดลับและคำอธิบาย
แนะนำ: <ตำนาน> แท็กกำหนดคำบรรยายใต้ที่ <fieldset> องค์ประกอบ
ความแตกต่างระหว่าง HTML 4.01 และ HTML5
HTML5 ได้เพิ่มคุณลักษณะใหม่สำหรับ <fieldset>
แอตทริบิวต์
= ใหม่ใน HTML5
| คุณลักษณะ | ความคุ้มค่า | ลักษณะ |
|---|---|---|
| disabled | disabled | ระบุว่ากลุ่มขององค์ประกอบของแบบฟอร์มที่เกี่ยวข้องควรจะปิดการใช้งาน |
| form | form_id | ระบุหนึ่งหรือมากกว่าหนึ่งรูปแบบ fieldset เป็นของ |
| name | text | ระบุชื่อสำหรับ fieldset |
แอตทริบิวต์ทั่วโลก
<fieldset> แท็กยังสนับสนุน แอตทริบิวต์ใน HTML
แอตทริบิวต์เหตุการณ์
<fieldset> แท็กยังสนับสนุน คุณสมบัติเหตุการณ์ใน HTML
หน้าเว็บที่เกี่ยวข้อง
อ้างอิง HTML DOM: Fieldset วัตถุ
ตั้งค่าเริ่มต้น CSS
เบราว์เซอร์ส่วนใหญ่จะแสดง <fieldset> องค์ประกอบที่มีค่าเริ่มต้นต่อไปนี้:
fieldset {
display: block;
margin-left: 2px;
margin-right: 2px;
padding-top: 0.35em;
padding-bottom: 0.625em;
padding-left: 0.75em;
padding-right: 0.75em;
border: 2px groove ( internal value );
}