Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

แสดง Fieldset จัดกลุ่มฟอร์มใน HTML


แท็ก <fieldset> จัดกลุ่มฟอร์มคอนโทรลที่เกี่ยวข้องกัน ใช้ร่วม <legend> ใส่หัวข้อกลุ่ม ทำให้ฟอร์มเข้าใจง่าย

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <title>HTML fieldset Tag</title>    </head>    <body>       <form>          <fieldset>             <legend>Details</legend>             Student ID: <input type="number"><br />             Subjects:<input type="text"><br />          </fieldset>       </form>    </body> </html>

<fieldset> มีขอบโค้งมุม (rounded border) ตามค่าเริ่มต้น สามารถปิดใช้งานด้วย fieldset { border: none; } ใช้จัดกลุ่ม: ข้อมูลส่วนตัว, ที่อยู่, ชำระเงิน, ตั้งค่า เป็นต้น