/html/input/type/submit:> Кнопка отправки_

Значение submit

Синтаксис

HTML
XHTML
<input type="submit">

Описание

Тип submit (от англ. "submit" ‒ «отправить») создаёт кнопку отправки данных формы. При активации данной кнопки происходит отправка всех данных формы на сервер.

Внешний вид

  • Внешний вид кнопки отправки ‒ кнопка отправки;
  • Внешний вид кнопки отправки с фокусом ‒ фокус;
  • Внешний вид кнопки отправки с наведённым на неё курсором ‒ наведение курсора;
  • Внешний вид активированной кнопки отправки ‒ активация.

Примечание

  • В форму может быть включено несколько кнопок отправки;
  • Если кнопке отправки указать атрибут «name», то тогда она будет содержать пару «имя=значение», которая включается в отправляемые данные.

Поддержка браузерами

Chrome
Поддерж.
Firefox
Поддерж.
Opera
Поддерж.
Maxthon
Поддерж.
IExplorer
Поддерж.
Safari
Поддерж.
iOS
Поддерж.
Android
Поддерж.

Спецификация


Сопутствующие атрибуты

autofocus
Автоматческая фокусировка на кнопке после полной загрузки страницы.
disabled
Блокировка кнопки отправки.

Внешний вид заблокированной кнопки отправки disabled="disabled"

form
Присоединение кнопки отправки к форме.
formaction
Задаёт URL-адреса обработчика формы.
formenctype
Устанавливает способ кодирования данных отправляемых на сервер.
formmethod
Определяет HTTP-метод передачи данных на сервер.
formnovalidate
Отменяет проверку данных формы перед отправкой на сервер.
formtarget
Указывает фрейм или окно в которое будет загружен ответ с сервера.
name
Присваивает имя кнопке отправки. (Создаёт пару «имя=значение».)
value
Указывает текст кнопки отправки.

Внешний вид кнопки отправки с заданным текстом value="Текст"

Глобальные атрибуты
accesskey, class, contenteditable, contextmenu, data-*, dir, draggable, dropzone, hidden, 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>
Значение submit (input-type)