Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Скачиваний:
33
Добавлен:
11.03.2015
Размер:
143.87 Кб
Скачать

Параметры

accesskey- Доступ к элементам формы с помощью горячих клавиш.

for- Идентификатор элемента<input>,с которым следует установить связь.

4. Тег <select>позволяет создать элемент интерфейса в виде раскрывающегося списка, а также список с одним или множественным выбором, как показано далее. Конечный вид зависит от использования параметраsizeтега<select>,который устанавливает высоту списка. Ширина списка определяется самым широким текстом, указанным в теге<option>,а также может изменяться с помощью стилей. Каждый пункт создается с помощью тега<option>,который должен быть вложен в контейнер<select>.Если планируется отправлять данные списка на сервер, то требуется поместить элемент<select>внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.

Параметры

disabled- Блокирует доступ и изменение элемента.

multiple- Этот параметр позволяет одновременно выбирать сразу несколько элементов списка.

name- Имя элемента для отправки на сервер или обращения через скрипты.

size- Количество отображаемых строк списка.

5. Тег <option>определяет отдельные пункты списка, создаваемого с помощью контейнера<select>.Ширина списка определяется самым широким текстом, указанным в теге<option>,а также может изменяться с помощью стилей. Если планируется отправлять данные списка на сервер, то требуется поместить элемент<select>внутрь формы. Это также необходимо, когда к данным списка идет обращение через скрипты.

Параметры

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

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

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

6. Тег <optgroup>представляет собой контейнер, внутри которого располагаются теги<option>объединенные в одну группу. Особенностью тега<optgroup>является то, что он не выделяется как обычный элемент списка, акцентируется с помощью жирного начертания, а все элементы, входящие в этот контейнер, смещаются вправо от своего исходного положения.

Параметры

label- Текст, который будет входить в список в виде заголовка группы.

<select>

<optgroup label="Цвет">

<option value="c1">Апельсиновый</option>

<option value="c2">Лимонный</option>

<option value="c3">Персиковый</option>

</optgroup>

<optgroup label="Тон">

<option value="s1">Светлый</option>

<option value="s2">Нормальный</option>

<option value="s3">Темный</option>

</optgroup>

</select>

7. Тег <textarea>представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста. В отличие от тега<input>в текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

Между тегами <textarea>и</textarea>можно поместить любой текст, который будет отображаться внутри поля.

Параметры

cols- Ширина поля в символах.

disabled- Блокирует доступ и изменение элемента.

name- Имя поля, предназначено для того, чтобы обработчик формы мог его идентифицировать.

readonly- Устанавливает, что поле не может изменяться пользователем.

rows- Высота поля в строках текста.

wrap- Параметры переноса строк.

8. Тег <button>создает на веб-странице кнопки и по своему действию напоминает результат, получаемый с помощью тега <input> (с параметромtype="button | reset | submit"). В отличие от этого тега,<button>предлагает расширенные возможности по созданию кнопок. Например, на подобной кнопке можно размещать любые элементы HTML, в том числе изображения. Используя стили можно определить вид кнопки путем изменения шрифта, цвета фона, размеров и других параметров.

Теоретически, тег <button>должен располагаться внутри формы, устанавливаемой элементом<form>.Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом<button>,если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать<button>в контейнер<form>обязательно.

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

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

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