Значение submit
Синтаксис
HTML
XHTML
<input type="submit">
Описание
Тип submit (от англ. "submit" ‒ «отправить») создаёт кнопку отправки данных формы. При активации данной кнопки происходит отправка всех данных формы на сервер.
Внешний вид
‒ кнопка отправки;
‒ фокус;
‒ наведение курсора;
‒ активация.
Примечание
- В форму может быть включено несколько кнопок отправки;
- Если кнопке отправки указать атрибут «
name», то тогда она будет содержать пару «имя=значение», которая включается в отправляемые данные.
Поддержка браузерами
Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.
Спецификация
| Верс. | Раздел | |
|---|---|---|
| HTML | ||
| 2.0 | Submit Button: INPUT TYPE=SUBMIT | Перевод |
| 3.2 | INPUT text fields, radio buttons, check boxes, ... | |
| 4.01 | 17.4.1 Control types created with INPUT submit buttons... DTD: Transitional
Strict
Frameset
|
|
| 5.0 | 4.10.5.1.15 Submit Button state (type=submit) | |
| 5.1 | 4.10.5.1.18. Submit Button state (type=submit) | |
| XHTML | ||
| 1.0 | Extensible HyperText Markup Language DTD: Transitional
Strict
Frameset
|
|
| 1.1 | Extensible HyperText Markup Language | |
Сопутствующие атрибуты
- autofocus
- Автоматческая фокусировка на кнопке после полной загрузки страницы.
- disabled
- Блокировка кнопки отправки.
disabled="disabled" - form
- Присоединение кнопки отправки к форме.
- formaction
- Задаёт URL-адреса обработчика формы.
- formenctype
- Устанавливает способ кодирования данных отправляемых на сервер.
- formmethod
- Определяет HTTP-метод передачи данных на сервер.
- formnovalidate
- Отменяет проверку данных формы перед отправкой на сервер.
- formtarget
- Указывает фрейм или окно в которое будет загружен ответ с сервера.
- name
- Присваивает имя кнопке отправки. (Создаёт пару «
имя=значение».) - value
- Указывает текст кнопки отправки.
value="Текст" - Глобальные атрибуты
- accesskey, class, contenteditable, data-*, dir, draggable, dropzone, id, inert, lang, spellcheck, style, tabindex, title, translate, xml:lang
Пример использования
Листинг кода
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Значение submit (input-type)</title>
</head>
<body>
<h1>Пример с кнопкой отправки "type=submit"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit" value="Отправить ответ"></p>
</form>
</body>
</html>
<html>
<head>
<meta charset="utf-8">
<title>Значение submit (input-type)</title>
</head>
<body>
<h1>Пример с кнопкой отправки "type=submit"</h1>
<form action="/examples/php-scripts/coffee.php" method="post">
<fieldset> <legend><b>Какой кофе вы любите?</b></legend>
<label><input type="radio" name="coffee" value="without"> просто кофе (без всего)</label>
<label><input type="radio" name="coffee" value="milk"> с молоком</label>
<p><input type="text" name="coffee_value" placeholder="Свой вариант"></p>
</fieldset>
<p><input type="reset"> <input type="submit" value="Отправить ответ"></p>
</form>
</body>
</html>
Значение submit (input-type)