Статические Web технологии. Формы HTML

С помощью средств HTML можно создавать формы для ввода информации посетителем Web-страницы. Описание формы помещается между тэгами <FORM> и </FORM>. На странице одновременно может располагаться несколько форм, однако они не могут быть вложены одна в другую.

Атрибуты:

METHOD. Задает метод – GET или POST. По умолчанию предполагается GET. Хотя большинство из существующих форм использует метод POST Различия между GET и POST, а также ситуации, в которых следует использовать тот или иной метод, будут рассмотрены при изучении CGI-программирования.

ACTION. Задает имя программы, которая будет обрабатывать форму.

Текстовая область - <TEXTAREA>. В контейнере <TEXTAREA>…</TEXTAREA> допускается размещать любой текст, который будет выведен в поле ввода по умолчанию.

Атрибуты:

• NAME. Задает название информации. Обязательный атрибут.

• ROWS. Задает высоту поля, т.е. число строк в нём.

• COLS. Задает ширину поля, т.е. длину строки.

Список - <SELECT> Предназначен для создания меню, из которого пользователь может выбрать один или несколько из предложенных вариантов.Атрибуты:

• NAME. Задает имя поля. Обязательный атрибут.

• SIZE. Задает вертикальный размер окна для вариантов выбора.

<!-—Выпадающий список-->
<FORM>
<SELECT NAME="Item">
<OPTION VALUE="tea">Чай
<OPTION VALUE ="coffee">Кофе
<OPTION VALUE ="milk">Молоко
<OPTION VALUE ="ham">Ветчина
<OPTION VALUE ="cheese">Сыр
</SELECT>
</FORM>

<INPUT>. Чаще всего в формах используется тэг <INPUT>. Он не имеет закрывающего тэга. Вся информация, необходимая броузеру для обработки содержится в этом теге.

Атрибуты:

• TYPE. Задает тип поля ввода. Может принимать значения: кнопка (BUTTON, SUBMIT, RESET), поле ввода (TEXT), поле ввода пароля (PASSWORD), скрытое поле (HIDDEN), флажок (CHECKBOX), переключатель (RADIO), файл (FILE).

• NAME. Задает имя поля.

• VALUE. Задает значение поля по умолчанию или надпись на кнопке.

• SIZE. Задает размер поля типа TEXT.

Кнопка – BUTTON. Кнопку можно задать также с помощью парного тега <button>...</button>. Внутри элемента BUTTON можно размещать другие HTML-элементы, так что можно сделать кнопку с текстом и рисунком.

Кнопка – SUBMIT. Эта кнопка предназначена для передачи формы.
Кнопка – RESET. Это кнопка очистки формы. При ее нажатии всем измененным элементам возвращается значение по умолчанию.

Поле ввода – TEXT. Текстовое поле ввода используется в формах наиболее часто. Этот тип используется тэгом <INPUT> по умолчанию, его не нужно каждый раз указывать, чтобы вывести текстовое поле.

<FORM>

<INPUT NAME="Фамилия" VALUE ="Иванов" SIZE=20 MAXLEGNTH=20>

</FORM>

Поле ввода пароля – PASSWORD. Поле ввода пароля очень похоже на простое текстовое поле. Отличается оно тем, что вместо вводимых символов в нем отображаются звездочки. Такая возможность очень важна, когда нужно выспросить у пользователя секретную информацию типа пароля, которую не должны видеть другие.

<FORM>

<INPUT TYPE="PASSWORD" NAME="Пароль" SIZE=20>

</FORM>


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: