Составители:
Рубрика:
66
Элементы форм. Общее представление
Многочисленные элементы форм можно условно разбить на несколько
групп. Все элементы, естественно, имеют различную
функциональность и разный внешний вид. Очевидно, что у каждого из
обсуждаемых элементов есть определенное количество атрибутов
(которые как раз и обеспечивают функциональность и, в меньшей
степени, параметры внешнего отображения). Но в этом разделе мы
отметим лишь
абсолютно необходимые атрибуты, чтобы хотя бы
увидеть, как выглядят те или иные элементы форм. При работе с
формами, как на стороне клиента, так и с помощью серверных
сценариев, очевидна необходимость указания прочих атрибутов, но о
них разговор в следующем разделе. Здесь же просто познакомимся с
разнообразными по внешнему виду и функциональности
элементами.
В приведенных ниже примерах надписи на элементах формы, которые
выглядят как кнопки, чисто условные (разумеется, их можно
определить с помощью соответствующих атрибутов).
Сразу отметим синтаксический момент.
• Все элементы
input не имеют содержимого и, соответственно, при
их задании не указывается конечный тег.
• Остальные элементы форм (
textarea, select, option) являются
контейнерами и имеют конечный тег. Для элемента
option
конечный тег может быть опущен.
Элементы input
Парадоксально, но элементы с именем input, в зависимости от
значения атрибута
type, не только выглядят, но и функционируют
принципиально по-разному. Большинство из них могут быть равным
образом использованы как в клиентских, так и в серверных сценариях.
Представим их в виде следующих групп.
Кнопки
<input type="submit">
67
Отправляет данные из формы на сервер (предполагается, что
серверная программа их сможет принять и правильно
обработать).
<input type="reset">
Очищает форму, восстанавливая значения по умолчанию.
<input type="button">
Выглядит как системная кнопка, но нажатие на нее всего
лишь запускает клиентский сценарий JavaScript (этого же
эффекта можно и достичь использованием обработчика
onClick для любого элемента HTML-документа).
<input type="image"
src="адрес графического файла">
Как и кнопка типа
submit, отправляет данные из формы на
сервер, но выглядит нестандартным образом. Внешний вид
этого элемента задается изображением, адрес которого
должен быть указан как значение атрибута
src.
Текстовые поля
<input type="text">
Однострочное поле ввода текста.
<input type="password">
Поле ввода пароля.
Переключатели
<input type="checkbox">
Флажок (независимый переключатель). Флажки могут быть
отмечены независимо друг от друга.
Страницы
- « первая
- ‹ предыдущая
- …
- 32
- 33
- 34
- 35
- 36
- …
- следующая ›
- последняя »
