Учебник по HTML и CSS |
|
Теги HTML Теги по типам
| Тег FIELDSET
ОписаниеЭлемент <FIELDSET> предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков. Браузеры для повышения наглядности отображают результат использования тега <FIELDSET> в виде рамки. Ее вид зависит от операционной системы, а также используемого браузера (рис. 1).
Рис. 1. Результат использования тега <FIELDSET> в браузере Internet Explorer 6 под Windows XP Синтаксис <form> Параметры
Закрывающий тегОбязателен. Пример 1. Использование тега <FIELDSET> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FIELDSET</title> </head> <body> <form action=""> <fieldset> <legend>Работа со временем</legend> <input type="checkbox"> создание пунктуальности (никогда не будете никуда опаздывать);<br> <input type="checkbox"> излечение от пунктуальности (никогда никуда не будете торопиться);<br> <input type="checkbox"> изменение восприятия времени и часов. <p><input type="submit"></p> </fieldset> </form> </body> </html> Описание параметров тега <FIELDSET>Параметр TITLE
ОписаниеДобавляет поясняющий текст в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на группе формы (рис. 2). Рис. 2. Всплывающая подсказка Синтаксис<fieldset title="текст">...</fieldset> АргументыЛюбая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки. Значение по умолчаниюНет. Пример 2. Добавление всплывающей подсказки <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1251"> <title>Тег FIELDSET, параметр title</title> </head> <body> <form action=""> <fieldset title="Работа со временем"> <legend>Работа со временем</legend> ... </fieldset> </form> </body> </html> |
При использовании материалов сайта ссылка на comnew.ru обязательна! |