HTML <form> Тег
Пример
Простая форма HTML с двумя полями ввода и кнопкой Отправить:<form action="http://xhtml.co.il/tryit/html/html_form_submit_736.php"> Имя: <input type="text" name="fname" value="Маленькая" /> Фамилия: <input type="text" name="lname" value="Мышка" /> <input type="submit" value="Отправить" /> </form>
Определение и использование
Тег <form> используется для создания HTML формы для ввода данных пользователем.
Форма может содержать такие элементы как текстовые поля, флажки, радио-кнопки, кнопки отправки и многое другое. Форма может содержать меню выбора, текстовой район, группу полей, легенду, и элементы маркировки.
Формы используются для передачи данных на сервер.
Поддержка браузеров
тег
<form> поддерживается во всех ведущих браузерахОтличия между HTML и XHTML
НЕТСоветы и комментарии
Примечание: Элемент form это элемент уровня блока, он создает разрыв строки до и после себя.
Обязательные атрибуты
DTD указывает, в какой HTML 4.01/XHTML 1.0 DTD допускаются атрибуты. S=Strict (строгий), T=Transitional (переходный), и F=Frameset (набор фреймов).
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| action | URL | Указывает, куда отправить формы данных | STF |
Дополнительные атрибуты
| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| accept | MIME_type | Указывает типы файлов, которые могут быть отправленны через загрузку файлов | STF |
| accept-charset | charset | Определяет набор символов сервера в форме данных | STF |
| enctype | application/x-www-form-urlencoded multipart/form-data text/plain | Определяет кодировку данных формы перед отправкой их на сервер | STF |
| method | get post | Определяет способ отправки данных формы | STF |
| name | name | Определяет имя формы | TF |
| target | _blank _self _parent _top framename | Не рекомендуется использовать. Определяет где открыть URL | TF |
Стандартные атрибуты
Тег<form> поддерживает следующие стандартные атрибуты:| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| class | classname | Определяет имя класса для элемента | STF |
| dir | rtl ltr | Определяет направление текста для содержания в элементе | STF |
| id | id | Определяет уникальный id для элемента | STF |
| lang | language_code | Указывает код языка для содержания элемента | STF |
| style | style_definition | Определяет встроенный стиль для элемента | STF |
| title | text | Определяет дополнительную информацию об элементе | STF |
| xml:lang | language_code | Указывает код языка для содержимого элементов, в документах XHTML | STF |
Более подробная информация о Стандартных атрибутах.
Атрибуты событий
Тег<form> поддерживает следующие атрибуты событий:| Атрибут | Значение | Описание | DTD |
|---|---|---|---|
| onclick | script | Скрипт выполняется когда нажимается мышка | STF |
| ondblclick | script | Скрипт выполняется когда мышка нажимается дважды | STF |
| onmousedown | script | Скрипт выполняется когда клавиша мышки нажата | STF |
| onmousemove | script | Скрипт выполняется когда указатель мышки сдвинулся | STF |
| onmouseout | script | Скрипт выполняется когда указатель мышки вышел из границ элемента | STF |
| onmouseover | script | Скрипт выполняется когда указатель мышки проходит над элементом | STF |
| onmouseup | script | Скрипт выполняется когда клавиша мышки отпущена | STF |
| onkeydown | script | Скрипт выполняется когда клавиша клавиатуры нажата | STF |
| onkeypress | script | Скрипт выполняется когда клавиша клавиатуры нажата и отпущена | STF |
| onkeyup | script | Скрипт выполняется когда клавиша мышки отпущена | STF |
| onreset | script | Скрипт выполняется когда форма очищена | STF |
| onsubmit | script | Скрипт выполняется когда форма отправленна | STF |
Более подробная информация о Атрибуты событий.
Больше примеров
Пример 1
Форма с флажками: Форма с двумя флажками и кнопкой Отправить.<form action="http://xhtml.co.il/tryit/html/checkboxes.php" method="get"> <input type="checkbox" name="vehicle[]" value="Велосипед" /> У меня есть велосипед <input type="checkbox" name="vehicle[]" value="Машина" checked="checked" /> У меня есть машина <input type="submit" value="Отправить" /> </form>
Пример 2
Форма с радио-кнопками: Форма с двумя радио-кнопками, и кнопкой отправки.<form action="http://xhtml.co.il/tryit/html/radio.php" method="get"> <input type="radio" name="sex" value="Male" /> Мужчина <input type="radio" name="sex" value="Female" checked="checked" /> Женщина <input type="submit" value="Отправить" /> </form>
Пример 3
Отправка имейла из формы<form action="mailto:someone@example.com" method="post" enctype="text/plain"> Имя: <input type="text" name="name" size="20" /> Имейл: <input type="text" name="email" size="20" /> Комментарий: <input type="text" name="comment" size="40" /> <input type="submit" value="Отправить" /> <input type="reset" value="Очистить" /> </form>
Была ли эта информация полезной?
