Добавление раскрывающихся списков на веб-странице

Поля ввода в формах

Длина поля ввода может быть произвольной, а высота ограничивается размером шрифта одной строки текста. Для создания поля для ввода текстовой информации используется тег < INPUT> < /INPUT>

Атрибут

1) TYPE = “text” - поля для ввода логина

2) TYPE =”password” - поле для ввода пароля

3) SIZE – определяет длину поля в символах

4) MAXLEIGHT – устанавливается ограниченное число вводимых символов

5) VALUE – указывается та информация, которая будет отображаться в поле ввода во время загрузки страницы.

Текстовые поля.

Поле данного типа предназначено для ввода текстовой информации. Выглядит как обычное поле ввода, но может содержать неограниченное число символов. Текстовое поле размещается на странице с помощью контейнера < TEXTAREA> < /TEXTAREA>

Атрибуты

1) Rows – устанавливается высота (число строк) окна

2) Cols – определяется ширина окна (число символов)

3) Name – задается имя поля для его однозначной идентификации

4) Value – добавляется информация, которая будет отображаться в текстовом поле по умолчанию

Переключатели.

Переключатели используются на веб-странице для выбора одного из нескольких возможных значений. Для создания переключателя используется тег < INPUT> < /INPUT>

Атрибут

1) TYPE=”radio”

2) Name – для всех переключателей одной группы этот атрибут должен иметь одинаковые значения.

3) Value – для каждого переключателя группы необходимо указать разные значения данного атрибута.

4) Selected cheked - указывается только для одного из переключателей группы, который по умолчанию будет выделен.

Поля присоединения файла

Для создания поля для присоединения файла используется тег < INPUT> < /INPUT>

Атрибут

1) TYPE = “file”

Пример: < INPUT type=”file”>

В результате добавления данного кода на экране появится текстовой поле, рядом с которым будет расположена кнопка ОБЗОР, предназначенная для выбора требуемого файла.

Добавление флажков

Устанавливая флажок пользователь сам выбирает подходящий вариант из предложенного на веб-странице списка. Причем он имеет возможность отметить либо один из вариантов, либо сразу несколько, или же не отмечать ни одного. Флажки добавляются на веб-страницу с помощью тега < INPUT> < /INPUT>

Атрибут

1) TYPE=”checkbox”

2) Checked – при указании данного атрибута в коде, при загрузке страницы флажок будет установлен по умолчанию на определенного варианте.

Добавление раскрывающихся списков на веб-странице

Раскрывающиеся списки позволяют выбрать только одно из нескольких возможных значений. Раскрывающиеся списки создаются с помощью контейнеров

1) < SELECT> для определения раскрывающегося списка

2) < OPTION> для описания каждого из элементов этого списка

Атрибуты контейнера < SELECT> < /SELECT>

1) Size – определяет количество элементов списка одновременно отображающихся на экране (по умолчанию значение 1)

2) Name – списку назначается однозначно идентифицирующее его имя

Атрибуты контейнера < OPTION> < /OPTION>

1) Value – значение, присвоенное этому атрибуту передается программе после того, как пользователь выбирает соответствующий элемент списка.

2) Selected – позволяет отметить элемент, который будет отображаться в списке по умолчанию.