แท็ก legend

แท็ก legend กำหนดคำอธิบายเหนือกลุ่ม ฟิลด์ของ แบบฟอร์ม HTML ที่สร้างด้วยแท็ก fieldset

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

ตัวอย่าง

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

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

Результат:

ดูเพิ่มเติม