Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Создание форм.doc
Скачиваний:
2
Добавлен:
01.07.2025
Размер:
1.03 Mб
Скачать

Атрибуты

disabled

Заблокировать для доступа элемент списка.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Блокирует элемент списка для его выбора.

Синтаксис

HTML

<option disabled>...</option>

XHTML

<option disabled="disabled">...</option>

Значения

Нет.

Значение по умолчанию

По умолчанию этот атрибут выключен.

selected

Заранее устанавливает определенный пункт списка выделенным.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Делает текущий пункт списка выделенным. Если у тега <select> добавлен атрибут multiple, то можно выделять более одного пункта.

Синтаксис

HTML

<option selected>...</option>

XHTML

<option selected="selected">...</option>

Значения

Нет.

Значение по умолчанию

По умолчанию этот атрибут выключен.

Пример. Выделение пункта списка

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6

<!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=utf-8">

<title>Тег OPTION, атрибут selected</title>

</head>

<body>

<form action="option1.php">

<p><select name="hero">

<option>Выберите героя</option>

<option value="t1">Чебурашка</option>

<option value="t2">Крокодил Гена</option>

<option value="t3">Шапокляк</option>

<option selected value="t4">Крыса Лариса</option>

</select>

<input type="submit" value="Отправить"></p>

</form>

</body>

</html>

value

Значение пункта списка, которое будет отправлено на сервер или прочитано с помощью скриптов.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Определяет значение пункта списка, которое будет отправлено на сервер. На сервер отправляется пара «имя=значение», где имя задается атрибутом name тега <select>, а значение — атрибутом value выделенных пунктов списка. Значение может как совпадать с текстом пункта, так быть и самостоятельным. Также атрибут value применяется для получения значений данных через скрипты.

Синтаксис

<option value="значение">...</option>

Значения

Любая текстовая строка заключенная в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Также для этого тега доступны универсальные атрибуты и события.

6. Тег <fieldset>

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Элемент <fieldset> предназначен для группирования элементов формы. Такая группировка облегчает работу с формами, содержащих большое число данных. Например, один блок может быть предназначен для ввода текстовой информации, а другой — для флажков.

Браузеры для повышения наглядности отображают результат использования тега <fieldset> в виде рамки. Ее вид зависит от операционной системы, а также используемого браузера (рис. 6).

Рис. 6. Результат использования тега <fieldset> в браузере Internet Explorer 8

Синтаксис

<form>

<fieldset>...</fieldset>

</form>

Атрибуты

title

Добавляет всплывающую подсказку к группе формы.

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Добавляет поясняющий текст в виде всплывающей подсказки, которая отображается, когда курсор мыши задерживается на группе формы (рис. 7).

Рис. 7. Всплывающая подсказка

Синтаксис

<fieldset title="текст">...</fieldset>

Значения

Любая текстовая строка. Строка должна заключаться в двойные или одинарные кавычки.

Значение по умолчанию

Нет.

Также для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.

Пример. Использование тега <fieldset>

HTML 4.01IE 7IE 8IE 9Cr 13Op 11Sa 5Fx 6

<!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=utf-8">

<title>Тег FIELDSET</title>

</head>

<body>

<form action="handler.php">

<fieldset title="Работа со временем">

<legend>Работа со временем</legend>

<input type="checkbox"> создание пунктуальности (никогда не

будете никуда опаздывать);<br>

<input type="checkbox"> излечение от пунктуальности (никогда

никуда не будете торопиться);<br>

<input type="checkbox"> изменение восприятия времени и часов.

<p><input type="submit"></p>

</fieldset>

</form>

</body>

</html>

  1. Тег <legend>

Internet Explorer

Chrome

Opera

Safari

Firefox

6.0

7.0

8.0

9.0

10.0

11.0

12.0

13.0

9.2

9.6

10.0

11.0

2.0

3.1

4.0

5.0

3.0

4.0

5.0

6.0

Спецификация

HTML:

3.2

4.01

5.0

XHTML:

1.0

1.1

Описание

Тег <legend> применяется для создания заголовка группы элементов формы, которая определяется с помощью тега <fieldset>. Группа элементов обозначается в браузере с помощью рамки, а текст, который располагается внутри контейнера <legend>, встраивается в эту рамку.

Синтаксис

<fieldset>

<legend>Текст</legend>

</fieldset>

Для этого тега доступны универсальные атрибуты и события.

Закрывающий тег

Обязателен.