Значение submit
Тип submit (от англ. «submit» ‒ «отправить») создаёт кнопку отправки данных формы. При активации данной кнопки происходит отправка всех данных формы на сервер.
Внешний вид
‒ кнопка отправки;
‒ фокус;
‒ наведение курсора;
‒ активация.
Примечание
- В форму может быть включено несколько кнопок отправки;
- Если кнопке отправки указать атрибут « name », то тогда она будет содержать пару « имя=значение », которая включается в отправляемые данные.
Поддержка браузерами
Спецификация
| Верс. | Раздел | |
|---|---|---|
| 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=»Текст»
HTML | Значение submit как данные для формы
В форме всего 1 кнопка отвечающая за своё значение. Как сделать так что-бы кнопка имела это значение и при нажатии на неё форма её отправляла?
Отслеживать
задан 23 янв в 15:00
35 5 5 бронзовых знаков
А сейчас разве не отправляет? Поидее должна произойти отправка методом GET по тому же самому адресу, что и адрес страницы
23 янв в 15:03
Ну для начала стоит этому значению задать какое-нибудь имя
23 янв в 15:04
@SwaD Не, не отправляет
23 янв в 15:05
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
Чтобы кнопка имела значение, а форма отправляла это значение при нажатии кнопки, вы можете добавить атрибут «name» к элементу кнопки и установить его значение в желаемое имя для данных формы. Например:
Это создаст ввод формы с именем «button_value» и значением «some_info», когда кнопка будет нажата и отправлена.
— элемент кнопки
HTML-элемент создаёт кликабельную кнопку, которая может быть использована в формах или в любом другом месте документа, который требует простой, стандартной кнопки. По умолчанию, кнопки HTML обычно представлены в стиле, аналогичном стилю хост-платформы, на которой работает user agent, но вы можете изменить внешний вид кнопки, используя CSS.
| Категории контента | Общий поток (en-US) , текстовый контент (en-US) , интерактивный контент (en-US) , listed (en-US) , labelable (en-US) , и submittable (en-US) form-associated (en-US) элемент, очевидный контент. |
|---|---|
| Допустимое содержимое | Текстовый контент (en-US) . |
| Пропуск тегов | Нет, открывающий и закрывающий теги обязательны. |
| Допустимые родители | Любой элемент с поддержкой текстового контента (en-US) . |
| Допустимые ARIA-роли | checkbox , link (en-US) , menuitem (en-US) , menuitemcheckbox (en-US) , menuitemradio (en-US) , radio (en-US) , switch (en-US) , tab (en-US) |
| DOM-интерфейс | HTMLButtonElement |
Атрибуты
Данный булевый атрибут позволяет указать, будет ли кнопка автоматически сфокусирована после загрузки страницы, до тех пор, пока пользователь не изменит фокус в ручную, например выбрав другой элемент. Только один связанный с формой элемент в документе может иметь данный атрибут.
Использование данного атрибута на элементе не описано в стандарте и используется только в Firefox браузере. По умолчанию, в отличие от прочих браузеров, Firefox сохраняет назначенное динамически отключённое состояние для элемента при последующих загрузках страницы. Установка для данного атрибута значения off отключает подобное поведение. Смотрите баг 654072.
Булевый атрибут, указывающий, что пользователь не может взаимодействовать с кнопкой. Если атрибут не установлен, то кнопка наследует его от элемента-контейнера, в котором она расположена, например от ; если отсутствует элемент-контейнер, с установленным атрибутом disabled, то кнопка доступна для взаимодействия.Firefox по умолчанию, в отличие от прочих браузеров, сохраняет назначенное динамически отключённое состояние для элемента , даже при обновлении страницы. Чтобы изменить поведение браузера в этом случае, используйте атрибут autocomplete .
Ссылка на обработчик формы. Если атрибут определён — он переопределит атрибут action у формы-родителя.
Если button имеет тип submit , то этот атрибут определяет тип контента, отправляемого на сервер. Возможные значения данного атрибута:
- application/x-www-form-urlencoded : значение по умолчанию, если атрибут не указан.
- multipart/form-data : следует использовать это значение, если форма содержит элемент со значением атрибута type file .
- text/plain Если этот атрибут определён, он переопределяет атрибут enctype у формы-родителя.
Если button имеет тип submit , то этот атрибут определяет метод HTTP-запроса для отправки данных на сервер. Возможные варианты:
- post : данные формы включаются в тело сообщения и отправляются на сервер.
- get : данные формы отправляются на сервер в виде ссылки, состоящей из URI атрибута action и непосредственно данных, отделённых знаком ‘?’. Данные формы будут иметь вид ключ/значение и разделены амперсандом, например name=Name&id=35. Следует использовать этот метод только если нет побочных эффектов и данные формы содержат лишь ASCII-символы.Если этот атрибут определён, он переопределяет атрибут method у формы-родителя.
Булевый атрибут. Указывает, что данные формы не будут валидироваться при отправке.Если этот атрибут определён, он переопределяет атрибут novalidate у формы-родителя.
Если button имеет тип submit , этот атрибут является именем или ключевым словом,указывающим, где отображать ответ, полученный после отправки формы. This is a name of, or keyword for, a browsing context (for example, tab, window, or inline frame). If this attribute is specified, it overrides the target attribute of the button’s form owner. The following keywords have special meanings:
- _self : Load the response into the same browsing context as the current one. This value is the default if the attribute is not specified.
- _blank : Load the response into a new unnamed browsing context.
- _parent : Load the response into the parent browsing context of the current one. If there is no parent, this option behaves the same way as _self .
- _top : Load the response into the top-level browsing context (that is, the browsing context that is an ancestor of the current one, and has no parent). If there is no parent, this option behaves the same way as _self .
Название кнопки, которая отправляется вместе с данными формы.
Устанавливает тип кнопки. Достпуные значения:
- submit : Кнопка отправляет данные формы на сервер. Это значение по умолчанию, если атрибут не указан или если атрибут динамически изменен на пустое или недопустимое значение.
- reset : Кнопка сбрасывает все элементы управления к их начальным значениям. Удаляет данные, введенные в форму.
- button : Кнопка не имеет поведения по умолчанию. При этом на странице могут быть скрипты, активируемые при возникновении определённых событий на кнопке.
- menu : Кнопка открывает всплывающее меню, определяемое с помощью соответствующего элемента.
Начальное значение кнопки.
Type submit html что это
Элементы типа submit отображаются как кнопки. Когда происходит событие click (обычно из-за того, что пользователь щелкнул button),, user agent пытается отправить form на сервер.
Value
Атрибут value элемента содержит строку, которая отображается как метка кнопки. В противном случае кнопки не имеют значения true.
Установка атрибута значения
input type="submit" value="Send Request" />
Отсутствие атрибута value
Если вы не укажете value , у кнопки будет метка по умолчанию, выбранная пользовательским агентом. Эта метка, скорее всего, будет чем-то вроде «Submit» или «Submit Query.». Вот пример кнопки отправки с меткой по умолчанию в вашем браузере:
input type="submit" />
Additional attributes
В дополнение к атрибутам, общим для всех элементов , входы кнопок submit поддерживают следующие атрибуты.
formaction
Строка, указывающая URL, на которую следует отправлять данные. Он имеет приоритет над атрибутом action элемента , которому принадлежит .
Этот атрибут также доступен для элементов и .
formenctype
Строка, определяющая метод кодирования, используемый при отправке данных form на сервер. Есть три допустимых значения:
Это значение по умолчанию отправляет данные form в виде строки после URL encoding текста с использованием такого алгоритма, как encodeURI() .
Использует FormData API для управления данными, что позволяет отправлять файлы на сервер. Вы должны использовать этот тип кодирования, если ваш form включает какие-либо элементы из type file ( ).
Простой текст; в основном полезен только для отладки, поэтому вы можете легко увидеть данные, которые должны быть отправлены.
Если указано, значение атрибута formenctype переопределяет атрибут action владельца form.
Этот атрибут также доступен для элементов и .
formmethod
Строка, указывающая метод HTTP для использования при отправке данных form; это значение переопределяет любой атрибут method , указанный на владеющем form. Допустимые значения:
URL строится, начиная с URL, заданного атрибутом formaction или action , добавляя символ вопросительного знака («?»), а затем добавляя данные form, закодированные, как описано formenctype или атрибутом enctype form. Затем этот URL отправляется на сервер с помощью запроса HTTP get . Этот метод хорошо подходит для простых форм, содержащих только символы ASCII и не имеющих побочных эффектов. Это значение по умолчанию.
Данные form включаются в тело запроса, отправляемого на URL, заданного атрибутом formaction или action с использованием метода HTTP post . Этот метод поддерживает сложные данные и вложения файлов.
Этот метод используется для указания того, что кнопка закрывает диалог, с которым связан ввод, и вообще не передает данные form.
Этот атрибут также доступен для элементов и .
formnovalidate
Атрибут Boolean, который, если он присутствует, указывает, что form не следует проверять перед отправкой на сервер. Это переопределяет значение атрибута novalidate в атрибуте form, владеющем элементом.
Этот атрибут также доступен для элементов и .
formtarget
Строка, указывающая имя или ключевое слово, указывающее, где отображать ответ, полученный после отправки запроса form. Строка должна быть именем контекста просмотра (то есть вкладки, окна или ). Значение, указанное здесь, переопределяет любую цель, заданную атрибутом target на , которому принадлежит этот вход.
В дополнение к фактическим именам вкладок, окон или встроенных фреймов можно использовать несколько специальных ключевых слов:
Загружает ответ в тот же контекст просмотра, что и тот, который содержит form. Это заменит текущий документ полученными данными. Это значение по умолчанию используется, если указан none.
Загружает ответ в новый безымянный контекст просмотра. Обычно это новая вкладка в том же окне, что и текущий документ, но она может отличаться в зависимости от конфигурации user agent .
Загружает ответ в родительский контекст просмотра текущего. Если нет родительского контекста, это ведет себя так же, как _self .
Загружает ответ в контекст просмотра верхнего уровня; это контекст просмотра, который является самым верхним предком текущего контекста. Если текущий контекст является самым верхним контекстом, это ведет себя так же, как _self .
Этот атрибут также доступен для элементов и .
Использование кнопок отправки
Кнопки используются для отправки форм. Если вы хотите создать пользовательскую кнопку, а затем настроить ее поведение с помощью JavaScript,, вам нужно использовать элемент или, что еще лучше, элемент .
Простая кнопка отправки
Мы начнем с создания form с простой кнопкой отправки:
form> div> label for="example">Let's submit some text label> input id="example" type="text" name="text" /> div> div> input type="submit" value="Send" /> div> form>
Это выглядит так:
Попробуйте ввести текст в текстовое поле, а затем отправить form.
После отправки пара данных name/value отправляется на сервер. В этом случае строка будет text=usertext , где «usertext» — это текст, введенный пользователем, закодированный для сохранения специальных символов. Где и как передаются данные, зависит от конфигурации ; см. Sending form data для более подробной информации.
Добавление сочетания клавиш к кнопке отправки
Сочетания клавиш, также известные как клавиши доступа и их эквиваленты, позволяют пользователю активировать кнопку с помощью клавиши или комбинации клавиш на клавиатуре. Чтобы добавить сочетание клавиш к кнопке отправки — как и в случае с любым , для которого это имеет смысл, — вы используете глобальный атрибут accesskey .
В этом примере s указан как ключ доступа (вам нужно будет нажать s плюс определенные клавиши-модификаторы для вашего browser/OS combination).. Чтобы избежать конфликтов с собственными сочетаниями клавиш агента пользователя, для клавиш доступа используются разные клавиши-модификаторы, чем для других сочетаний клавиш на хост-компьютере. Дополнительные сведения см. в accesskey .
Вот предыдущий пример с s добавлен ключ доступа:
form> div> label for="example">Let's submit some text label> input id="example" type="text" name="text" /> div> div> input type="submit" value="Send" accesskey="s" /> div> form>
Например, в Firefox для Mac нажатие Control — Option — S вызывает кнопку «Отправить», в то время как Chrome в Windows использует Alt + S .
Проблема с приведенным выше примером заключается в том, что пользователь не будет знать, что такое ключ доступа! Особенно это касается true, поскольку модификаторы обычно нестандартны, чтобы избежать конфликтов. При создании сайта не забудьте предоставить эту информацию таким образом, чтобы она не мешала дизайну сайта (например, предоставив легкодоступную ссылку, указывающую на информацию о том, что такое ключи доступа к сайту).
Отключение и включение кнопки отправки
Чтобы отключить кнопку отправки, укажите для нее атрибут disabled , например:
input type="submit" value="Send" disabled />
Вы можете включать и отключать кнопки во время выполнения, задав для disabled значение true или false ; в JavaScript это выглядит как btn.disabled = true или btn.disabled = false .
Примечание. Дополнительные сведения о включении и отключении кнопок см. на странице .
Validation
Кнопки отправки не участвуют в проверке ограничений; они не имеют реальной ценности, чтобы быть ограниченными.
Examples
Мы включили простые примеры выше. Больше о кнопках отправки сказать нечего. Есть причина, по которой этот тип управления иногда называют «простым button.»».