Тег fieldset - это практичный контейнер, который помогает аккуратно сгруппировать связанные элементы формы. По умолчанию браузер показывает его с аккуратной рамкой и небольшим внутренним отступом со всех сторон, а это приятно для восприятия. Этот элемент очень удобно использовать вместе с заголовочным элементом, который задаёт понятное название для группы. Такое сочетание делает форму нагляднее и немного дружелюбнее для пользователя. Атрибуты - disabled:
- Этот атрибут отключает всю группу связанных элементов формы. Он особенно полезен, когда форма должна «ожить» только после выполнения определённых условий - например, после выбора флажка. Активировать кнопку в таком случае можно через JavaScript. Значение логического атрибута disabled можно указать так:
fieldset disabled fieldset disabled="disabled" fieldset disabled="" Примечание: атрибут disabled не поддерживается в браузерах IE и Safari. - form:
- Здесь можно указать один или несколько идентификаторов форм, разделённых пробелами. Они показывают, к какой форме относится набор связанных элементов. Например:
<!DOCTYPE html> <html> <body> <form action="demo_form.asp" method="get" id="form1"> Какой ваш любимый цвет? <input type="text" name="fav_color"><br> <input type="submit"> </form> <p>Элемент fieldset находится вне формы, но является ее частью.</p> <fieldset form="form1"> <legend>Личные данные:</legend> Имя: <input type="text" name="username"><br> Email: <input type="text" name="usermail"><br> </fieldset> </body> </html> Примечание: атрибут form работает только в браузере Opera. - name:
- Атрибут name задаёт имя для группы элементов, объединённых через fieldset. Такие имена удобно использовать в JavaScript - например, чтобы обращаться к элементам или получать данные формы после отправки.
Примечание: атрибут name не поддерживается в IE. Кроме того, тег fieldset поддерживает и другие атрибуты - это делает его гибким и удобным в работе. Пример <form> <fieldset> <legend>Персональные данные:</legend> Имя: <input type="text"><br> mail: <input type="text"><br> Дата рождения: <input type="text"> </fieldset> </form>
|