Главная » HTML » Формы в HTML

Формы в HTML

Чтобы создать на сайте различные окна для ввода текста, анкеты, опросники, вам придется прибегнуть к использованию форм. Существует несколько видов форм, которые позволяют создавать определенные окна для ввода информации. Пройдем по порядку:

1)Form. Обычно используется для ввода малого количества текста, например имени пользователя, его e-mail и т.д. Как и все другие инструменты HTML, Form имеет свои атрибуты. Атрибут “name” содержит имя формы, уникальное для документа. Применяется только тогда, когда в документе используется несколько форм. Атрибут “Action” является обязательным атрибутом. Он определяет адрес, по которому будет отправлено содержимое формы. “Method” определяет способ передачи содержимой в форме информации. По умолчанию стоит Get, но можно поменять на Post. Атрибут “Enctype” определяет способ кодирования информации из формы при передаче. По умолчанию стоит «application/x-www-form-urlencoded». Атрибут “Target” содержит имя окна, в которое будет возвращен результат обработки переданной формы. Возможные значения: «_self», «_parent», «_top», «_blank»

2)Textarea. Создаёт поле, в которое можно ввести несколько строчек текста. Содержит один обязательный атрибут – “Name”. Не сложно догадаться, что этот атрибут содержит имя формы. Параметр “Rows” определяет кол-во строк, видимых в браузере. Атрибут ”Cols” определяет ширину отображаемого текста, измеряется в символах. “Wrap” содержит информацию о типе переноса текста. Существует 3 типа переноса:

а)Off – отсутствие автоматического переноса текста.

б)Virtual – перенос слов происходит, но на сервер передается неделимая строка.

в)Physical – полное присутствие переноса текста.

3)Элемент Select помогает при создании опросов. Поддерживает функцию выбора нескольких вариантов ответа. Должен содержать несколько элементов “Option”, иначе использование формы не будет иметь смысла. Атрибут “Multiple” определяет, доступна ли будет возможность выбора нескольких вариантов ответа. Атрибут “Name” содержит не только имя формы, но и имена всех вариантов ответа, которые будут передаваться на сервер. При передаче на сервер эти данные будут иметь вид namevalue. Атрибут “Size” определяет кол-во видимых пунктов. Если стоит значение больше 0, результатом будет весь список пунктов.

4)Option. Описывает отдельные пункты меню. Важно помнить, что этот атрибут не имеет конечного тега. От атрибута “Selected” зависит пункт формы, который будет отмечен изначально после загрузки документа.

5) Элемент Input. Создает поле формы, содержание которой может быть активизировано или изменено пользователем. Не имеет конечного тега. Имеет много атрибутов, которые мы сейчас рассмотрим:

а)Type. От значения этого атрибута зависит тип ввода данных (по умолчанию стоит text).

б)Value. Создает заголовок, содержащий текст для полей любого типа, включая кнопки.

в)Атрибут Checked указывает, что поля checkbox и radio активизированы.

г)Size. Указывает размер поля в символах.

д)Maxlength. От этого параметра зависит наибольшее количество символов, которые могут быть введены в текстовое поле.

е)SRC. Задает адрес картинки, которая будет использоваться при создании кнопки.

ж)Атрибут Align. Определяет способ выравнивания по вертикали для изображений.




Рекомендуем почитать

 

Добавить комментарий


Ваше имя:


Комментарий:


Введите: Картинка