Поделиться
181868.ppt
HTML формы
Форма – это набор элементов, таких как поля ввода, поля выбора, переключатели. Форма позволяет создавать интерактивные страницы, т.е. организовывать диалог с пользователем.
Форма создается с помощью тега:
GET - POST
Главное отличие методов POST и GET заключается в способе передачи информации. В методе GET параметры передаются через адресную строку, т.е. по сути в HTTP-заголовке запроса, в то время как в методе POST параметры передаются через тело HTTP-запроса и никак не отражаются на виде адресной строки.
http://www.htmlbook.ru/cgi-bin/handler.cgi?nick=%C2%E0%ED%FF+%D8%E0%EF%EE%F7%EA%E8%ED&page=5
Атрибуты формы
accept-charset - Устанавливает кодировку, в которой сервер может принимать и обрабатывать данные формы
Autocomplete - Включает автозаполнение полей формы.
Name - Имя формы.
Novalidate - Отменяет встроенную проверку данных формы на корректность ввода.
Target - Имя окна или фрейма, куда обработчик будет загружать возвращаемый результат.
Атрибут type
Поддержка этих значений браузерами
Элементы формы
Текстовые поля - для ввода текстовой информации
maxlen - максимально допустимой длиной текста
size - количество знакомест
Value - в поле будет изначально отображаться значение данного атрибута
Тег
Создает список вариантов, которые можно выбирать при наборе в текстовом поле. Изначально этот список скрыт и становится доступным при получении полем фокуса или наборе текста.
Выберите любимого персонажа:
color
Позволяет выбрать цвет из палитры цветов.
<p>Выберите цвет <input type="color" name="selectcolor">p>
date
Выбор даты в календаре.
<p>Выберите дату <input type="date" name="selectdate" >p>
datetime-local
Выбор даты и с локальным временем в календаре.
<p>Выберите дату <input type="datetime-local" name="selectdatetimelocal" >p>
month
Выбор месяца и года в календаре
<p>Выберите месяц <input type="month" name="selectmonth" >p>
Текстовое поле для ввода адресов электронной почты. По умолчанию элемент принимает только один адрес, но указав булев атрибут multiple="multiple" можно разрешить пользователю ввод нескольких адресов через запятую.
number
Поле числового ввода. Визуально похоже на текстовое, но с добавлением кнопок-стрелок, позволяющих увеличивать и уменьшать значение.
Добавлен тег текстового уровня для выведения результатов
range
определяет поле, которые может содержать значения в определенном интервале. Отображается как ползунок, который можно перетаскивать мышкой. Вы можете ограничивать диапазон принимаемых чисел с помощью атрибутов min (минимальное допустимое число) и max (максимальное допустимое число).
Атрибуты input
Autofocus - Автоматически устанавливает фокус в поле формы. В таком поле можно сразу набирать текст без явного щелчка по нему курсором мыши.
Disabled - Блокирует доступ и изменение поля формы. Оно в таком случае отображается серым и недоступным для активации пользователем. Заблокированное в поле значение не передается на сервер.
Placeholder - Выводит подсказывающий текст.
Readonly - Устанавливает, что поле не может изменяться пользователем.
Step - Шаг приращения для числовых полей.
Value - Значение элемента.
Multiple - указывает, что данное поле может принимать несколько значений одновременно
Required - указывает, что данное поле должно быть обязательно заполнено перед отправкой.
Pattern - Указывает регулярное выражение, согласно которому требуется вводить и проверять данные в поле формы. Если присутствует атрибут pattern, то форма не будет отправляться, пока поле не будет заполнено правильно.
