<button>
<datalist>
<fieldset>
<input>
События
button
checkbox
file
hidden
number
password
radio
reset
submit
text
<keygen>
<label>
<legend>
<meter>
<optgroup>
<option>
<output>
<progress>
<select>
<textarea>
HTML-формы
С помощью средств HTML можно создавать формы для ввода информации посетителем Web-страницы.
Тег <form>
Описание формы помещается между парными тегами <form> ... </form>. На странице одновременно может располагаться несколько форм, однако они не могут быть вложены одна в другую.
Атрибуты тега <form>
- accept-charset
- Список кодировок для вводимых данных, принимаемых сервером, обрабатывающим данную форму. Помогает в ситуации, когда страницы сайта в одной кодировке, а данные нужно отправить в другой. Или когда браузер неправильно автоопределил кодировку. Например: accept-charset="cp1251" или accept-charset="utf8".
- action
- Имя программы, которая будет обрабатывать форму.
- enctype
- Тип содержимого (метод кодирования). Например, если форма содержит файлы, то enctype="multipart/form-data".
(По умолчанию enctype="application/x-www-form-urlencoded"). - method
- Метод передачи данных от формы обрабатывающей программе. Может принимать значения: get или post. При использовании get браузер кодирует данные, получаемые от пользователя, и добавляет к значению атрибута action парами имя=значение. Данные отделяются от значения атрибута action вопросительным знаком ( ? ). При использовании post данные передаются отдельно.
- name
- Имя формы. Задается для JavaScript, чтобы иметь возможность обращаться к форме по имени, а не по номеру.
- novalidate
- Наличие этого атрибута означает, что данные формы не должны проверяться.
- onsubmit
- JavaScript-обработчик проверки правильности заполнения формы. Так как JavaScript-обработчик срабатывает локально, процесс происходит достаточно быстро. Это намного лучше, чем многократно гонять данные по сети из-за того, что растяпа-пользователь в очередной раз некорректно заполнил какое-то поле.
- target
- Фрейм, куда отправить полученную информацию (задается во фреймосодержащих документах).
Пример
<form method="POST" action="/cgi_bin/grill.pl"
onsubmit="alert('Некого посылать');return false;">
...Элементы формы...
</form>
Контейнер <form>…</form> существует не сам по себе. Посылаемые данные содержатся в специальных элементах формы – элементах управления. Именно с ними взаимодействует пользователь, вводя данные.
Элементы форм
Кнопка <button>
Тег <button> задает кнопку произвольного вида.
Группа элементов формы <fieldset>
Тег <fieldset> позволяет группировать элементы формы.
Список вариантов <datalist>
Тег <datalist> задает список вариантов, которые можно выбрать при вводе информации в текстовое поле <input>.
Тег <input>
Тег <input> позволяет задавать различные элементы форм: текстовые поля, различные кнопки, переключатели, флажки.
Тег <keygen>
Тег <keygen> используется для генерации пары ключей (закрытого и открытого) для шифрования и расшифрования данных.
Метка элемента формы <label>
Тег <label> используется для задания окружающего элемент формы кликабельного текста. При щелчке мышкой на этот текст значение связанного с ней элемента формы изменится.
Заголовок группы элементов формы <legend>
Тег <legend> определяет заголовок группы элементов формы, заданной тегом <fieldset>.
Датчик <meter>
Тег <meter> является датчиком и используется для вывода значения в определенном диапазоне.
Индикатор <progress>
Тег <progress> является индикатором хода выполнения задачи.
Группа пунктов списка <optgroup>
Тег <optgroup> позволяет группировать пункты списка <select>.
Пункт списка <option>
Тег <option> определяет отдельный пункт списка <select>.
Область вывода информации <output>
Тег <output> определяет область вывода результатов вычислений.
Список <select>
Тег <select> предназначен для создания списка предложенных пунктов, из которого пользователь может выбрать один или несколько.
Текстовая область <textarea>
Тег <textarea> определяет область для ввода многострочной текстовой информации.
В конце разговора о HTML-формах хочу сделать одно замечание. Некоторые браузеры отображают элементы форм, даже если они не находятся внутри контейнера <form>…</form>. Но злоупотреблять этим не стоит, потому что:
- в одном документе может находиться несколько форм, и именно <form>…</form> определяет, какие элементы к какой форме относятся;
- в теге <form> задается URL обработчика формы и метод передачи данных;
- присутствие на web-страницы элементов формы без самой формы считается невалидным и понижает шансы вашего сайта попасть в ТОП.
Работа с формами на JavaScript
Читать дальше: События. Атрибуты обработки событий
На правах рекламы:
- Сетевые коммутаторы Linksys SRW224G4P в Интернет-магазине "RL-Group" лучшие цены, действуют акции!
- D-Link DES-3200-28 - управляемый коммутатор второго уровня с на 28 портов, доставка по России
.
Популярное:
- Генератор Sitemap
- Анализ сайта
- Чей IP-адрес?
- Чей домен?
- Где телефон?
- Примеры Ajax
- Примеры PHP
- Примеры Javascript
- Примеры HTML, CSS
- GIF-аниматор
- GEO-сервисы
- Сайт в ТОП
- Полезные ссылки
- Генератор Robots.txt
Содержание:
- HTML
- CSS
- JavaScript
- PHP + MySQL
- Введение в PHP
- Основы языка
- Использование
массивов - $_server
- Создание функций
- Строки
- Функции работы
со строками - Объектное
программирование - Формы
- Файлы
- Загрузка файлов
на сервер - MySQL
- Cookie
- htaccess
- Безопасность
- Сессии
- Отправка почты
- Кэширование
- Дата, время
- Математические
функции - Дополнительные
возможности - Регулярные
выражения - Библиотека Curl
- IMAP, POP3, NNTP
- Оптимизация
- Примеры скриптов
- XML + XSLT
- AJAX
- Графика CorelDRAW
- SEO
- Сервисы
- Разное
- Движки сайтов (CMS)
- Регистрация
доменов и хостинг - Заработок для
web-мастеров - Хостинг
- Настрока DNS
- ADSL
- RSS
- ActiveX и HTML
- Паролирование
страницы - HTTP коды
- HTTP протокол
- HTTP заголовки
- Прячем ссылки
- ☠ Черный список
сайтов - ☭ Заработок
в интернете - Термины и
определения - Продажа доменов
- ✉ Настройки
Яндекс-почты - Кнопки социалок
- ☎ Настроки SIP
в телефоне - Создание
поискового плугина - Сервис
коротких ссылок - Друзья
- Статьи, обзоры
- Статьи Liex
- Задания к л/р
- Примеры
зачетных задач
- Шаблоны сайтов
Новое за неделю
Сейчас на сайте: 1892