Основные теги работы с формой
- <form> – парный тег для обработки формы
- <input> – для создания полей формы
- <label> – парный тег для активаций элементов в формы
- action="" – для указания пути к обработчику
- accept-charset="" – для указания кодировки отправляемых данных
- method="" – для указания, каким методам обрабатывать форму
- target="_self" – ссылка открывается в том же окне
- target="_blank" – ссылка открывается в новом окне
- autocomplete="" – для автозаполнение формы. on включен. off выключен
- novalidate – для отключения валидации
(не поддерживаются не которыми браузерами )
Атрибуты для тега <form>
День второй. Изучение атрибутов <input>
- type="text" – для создания текстового поля
value="" – значение по умолчанию - type="checkbox" – для создания флажков
- type="radio" – для создания переключателе
- name="" – для создания имя для тегов <form>, <input>, <textarea>
- type="password" – для создания закрытого ввода
- type="file" – для создания кнопки загрузки файла
- type="hidden" – для создания скрытого поля
- type ="button" – для создания простой кнопки
value="" значение для кнопки - type ="image" – для создание кнопки виде изображения и отправки формы.
src="" путь к изображению - type ="submit" – для создания кнопки для оправления
value="" – значение для кнопки - type="reset" – для сброса значение в форуме
value="" – значение для кнопки - for="индификатор" – атрибут для тега label
создается в блочных элементов для активаций элементов формы
Основные атрибуты для тега <input>
- size="" – атрибут для типов type="text, type="password"
задает ширину поля в символах - checked – для типов type="checkbox", type="radio" значение по умолчанию
Дополнительные атрибуты для <input>
День третий. Создания выпадающих списков для формы
Теги для выпадающих списков
- <select> – парный тег для создания выпадающих списков.
- <option> – парный тег для создание пунктов в выпадающим списки
- size="" – сколько пунктов выпадавшим списки отобразить сразу
(каждый браузер обрабатывает по своему) - multiple – позволяет выбирать несколько пунктов из выпадающего списка
с помощью кнопки ctrl
Атрибуты для тега <select>
- label="" – заменяет пункт выпадающим списки
(не поддерживаются не которыми браузерами ) - value="" – устанавливает переменную в выпадающем списке
Атрибуты для тега <option>
Тег для ввода большого текста
<textarea> – парный тег для ввода больших текстов
- cols="" – устанавливает ширину поля
- rows="" – устанавливает высоту поля
- placeholder="" – устанавливает истязающий текст по умолчанию
(не поддерживаются не которыми браузерами ) - wrap="soft" – устанавливает перенос строки
(при отправки письма не сохраняется переносы строк) - wrap="hard" – устанавливает перенос строки
(при отправки письма сохраняется переносы строк) - wrap="off" – отключает перенос строки
(не поддерживаются не которыми браузерами )
Атрибуты для <textarea>
Теги для создания групп в форме
- <fieldset> – парный тег для объединения в группы элементов формы
(использоваться только в таблицы ) - <legend> – парный тег для названия группы
(ставится сражу после тега <fieldset>)
День четвертый. Общие атрибуты для элементов формы
- tabindex="" – устанавливает очередь перехода между полями клавишей Tab
(не поддерживаются не которыми браузерами ) - maxlength="" – устанавливает максимальное значение водимых данных
(для текстовых полей) - readonly – делает поля не доступным для ввода (для текстовых полей)
- required – проверка поле на заполнения
(не поддерживаются не которыми браузерами ) - disabled – блокировка кнопки, поля для ввода текста и пункты в списки а так же сам список
Пример построения формы обратной связи