Legend tegi

legend tegi HTML formaning fieldset tegi orqali yaratilgan maydonlar guruhlash ustidagi sarlavhani belgilaydi.

Agar legend tegiga CSS orqali pozitsiyalash uslublari (float, position va h.k.) tayinlansa, uning tarkibi chetidan chiqib kerakli joyga joylashadi (chegara buzilishi esa yo'qoladi).

Misol

Keling, formani ikkita fieldset tegi orqali ikkita mantiqiy blokka ajrataylik, bloklar uchun sarlavhalarni esa legend tegi orqali yaratamiz:

html<form>
  <fieldset>
    <legend>Xaridor ma'lumotlari</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Sotuvchi ma'lumotlari</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Shuningdek qarang