แท็ก fieldset

แท็ก fieldset ใช้จัดกลุ่มฟิลด์ แบบฟอร์ม HTML

ผลลัพธ์จะถูกวาดกรอบล้อมรอบ และคำบรรยาย ซึ่งสร้างขึ้นโดยใช้แท็ก legend จะทำการตัดกรอบนั้น สร้างเอฟเฟกต์ที่ไม่สามารถทำได้ ด้วยวิธีอื่น (ดูตัวอย่าง)

หากกำหนดสไตล์ CSS สำหรับการจัดตำแหน่งให้กับแท็ก legend (float, position ฯลฯ) เนื้อหาของมันจะออกจากกรอบ และไปอยู่ตำแหน่งที่ต้องการ (จะไม่มีการตัดกรอบ อีกต่อไป)

ตัวอย่าง

ลองแบ่งแบบฟอร์มออกเป็นสองบล็อกเชิงตรรกะ โดยใช้แท็ก fieldset สองอัน:

html<form>
  <fieldset>
    <legend>ข้อมูลผู้ซื้อ</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>ข้อมูลผู้ขาย</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

ดูเพิ่มเติม