Объединение полей в группы бывает очень удобно когда нужно чтобы некоторые элементы формы как-бы немного находились отдельно от остальных, чем если бы все её части находились в одной каше.
Вот для таких ситуаций, чтобы можно было сгруппировать сразу несколько элементов и был придуман тег (fieldset). Только вы не подумайте что эти теги какие-то важные, нет, они используются просто для удобства пользователя.
Ну теперь осуществим для примера объединение полей в группы двух полей для ввода имени и пароля.
<fieldset>
<legend>Ввод личных данных</legend>
<p><label>
Введите ваше имя: <input type="text" name="name" size="30" maxlength="10">
</label></p>
<p><label>
Введите ваш пароль: <input type="password" name="name" size="30" maxlength="10">
</label></p>
</fieldset>
<legend>Ввод личных данных</legend>
<p><label>
Введите ваше имя: <input type="text" name="name" size="30" maxlength="10">
</label></p>
<p><label>
Введите ваш пароль: <input type="password" name="name" size="30" maxlength="10">
</label></p>
</fieldset>
fieldset - Этот тег еще можно перевести с английского как сбор полей. Если ограничиться только этим тэгом и посмотреть в браузере, то мы увидим что два наших поля для ввода имени и пароля огорождены небольшой рамочкой, но мы еще можем в пределах этой рамки создать небольшое описание этим двум полям, с помощью тега (legend)
В браузере эта наша затея будет выглядеть примерно следующим образом:
Комментариев нет:
Отправить комментарий