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

Элемент button

Элемент button является альтернативой кнопкам input type=submit, reset и button. Элемент имеет атрибуты name (для отправки данных на сервер), type со значениями submit, reset и button и value (отправляемое на сервер значение). Между открывающим и закрывающим тэгами элемента button находится HTML-содержимое, которое отображается на кнопке.

<button type="submit" name="MyButton" value="button1">

<b>Отправить запрос</b>

</button>

Элемент select

Этот элемент отображается как список опций или как раскрывающийся список, в зависимости от значения атрибута size. Внутри элемента располагаются опции и/или группы опций.

<select name="fruits">

<option selected>-Выберите любимый фрукт-</option>

<option value="1">Яблоко</option>

<option value="2">Груша</option>

<option value="3">Банан</option>

</select>

<!-- size опущен или равен 1: раскрывающийся список.

Опция с атрибутом selected выбрана по умолчанию -->

<!-- список из 6 видимых строк с прокруткой для остальных.

Выбирать можно только option. Группы (optgroup) создаются только для у

добства пользователя. -->

<select size="6" name="chemistry">

<optgroup label="Щелочные металлы">

<option>Литий (Li)</option>

<option>Натрий (Na)</option>

<option>Калий (K)</option>

</optgroup>

<optgroup label="Галогены">

<option>Фтор (F)</option>

<option>Хлор (Cl)</option>

<option>Бром (Br)</option>

</optgroup>

</select>

Пользователь может выбрать только одну опцию из раскрывающего списка. Значение (value) этой опции будет отправлено на сервер. Если атрибут value отсутствует, передается текст опции. Список опций допускает множественный выбор, если к элементу select добавлен атрибут multiple. Атрибут multiple не требует значения (в XHTML значение, как обычно в таких случаях, совпадает с именем атрибута) и автоматически превращает элемент select в список опций независимо от наличия или значения атрибута size. Пользователь делает множественный выбор, удерживая клавишу Shift (опции подряд) или Ctrl (опции вразбивку).

Выберите продукты для салата

<select name="salad" multiple>

<option>Лук</option>

<option>Морковь</option>

<option>Зелень</option>

<option>Сметана</option>

<option>Майонез</option>

<option>Горчица</option>

</select>

Элемент textarea

Элемент textarea отображается в браузере как поле для многострочного текстового ввода. Атрибуты cols и rows задают ширину (число символов) и высоту (число строк) элемента. Добавление атрибута readonly делает текст в поле доступным только для чтения. У элемента textarea нет атрибута maxlength или аналогичного, ограничивающего длину вводимого текста. Если ограничение необходимо, это следует делать программными средствами (см. ниже). В отличие от других элементов управления, нажатие клавиши Enter в textarea добавляет новую строку (в остальных случаях отправляет данные формы на сервер).

<textarea name="message" cols="60" rows="7">

Введите Ваше сообщение

</textarea>

Вспомогательный элемент label

Для облегчения доступа в форме может использоваться элемент label (метка), связанный с элементом управления.

<input type="checkbox" name="agree" id="chkAgree">

<label for="chkAgree">

Я согласен с условиями</label>

Щелчок по метке равноценен щелчку по элементу управления. Атрибут for элемента label связан с id (не name) элемента управления.