Fieldset թեգ

fieldset թեգը խմբավորում է HTML ֆորմայի դաշտերը:

Արդյունքը շրջագծվում է շրջանակով, իսկ վերնագիրը, որը ստեղծվում է legend թեգի միջոցով, կտրում է այդ շրջանակը՝ ստեղծելով այլ միջոցներով անկրկնելի էֆեկտ (տես օրինակը):

Եթե legend թեգին նշանակենք որևէ CSS ոճ դիրքավորման համար (float, position և այլն), ապա դրա պարունակությունը կհեռանա շրջանակից և կգնա համապատասխան տեղ (շրջանակի կտրվածքը այդ դեպքում այլևս չի լինի):

Օրինակ

Եկեք բաժանենք ֆորման երկու տրամաբանական բլոկների՝ օգտագործելով երկու fieldset թեգ:

html<form>
  <fieldset>
    <legend>Գնորդի տվյալներ</legend>
    <input type="text">
  </fieldset>
  <fieldset>
    <legend>Վաճառողի տվյալներ</legend>
    <input type="text">
  </fieldset>
</form>

Результат:

Տես նաև

  • border հատկությունը,
    որի օգնությամբ կարելի է բլոկին տալ եզրագիծ