Тег кнопки Javascript

| | | | | | | | | | | | | | | | | | | | | |

Тег кнопки HTML используется для создания нажимаемой кнопки в форме HTML. Это позволяет пользователю отправлять информацию в той или иной форме на веб-сайт. Стилем кнопки можно управлять с помощью CSS.

При создании формы на веб-странице необходимо создать нажимаемую кнопку, чтобы пользователь мог отправить форму. Например, у вас может быть форма заказа на сайте электронной коммерции, которая собирает информацию о доставке от пользователя. После того, как пользователь заполнит формы, должна быть кнопка, которую можно нажать для отправки информации.

здесь находится HTML в HTML. Мы также обсудим атрибуты, которые можно использовать для создания пользовательской кнопки, и рассмотрим некоторые примеры этих атрибутов в действии.

Обновленная HTML-форма

HTML Формы используются для сбора различных типов пользовательского ввода , таких как имена, номера телефонов или адреса, на веб-странице.

Каждая форма содержит элементы ввода, которые позволяют пользователям отправлять информацию на сайт. Например, на веб-странице может быть форма заказа, содержащая элементы формы для сбора имени пользователя, даты рождения, информации о кредитной карте и т. д.

<Код /> используется для создания формы в HTML. Вот простой пример , используемого для создания фигуры, собирающей имя пользователя:

Тег формы может включать несколько тегов или другие элементы пользовательского ввода, такие как поля выбора. Кроме того, форма должна содержать Найдите подходящий буткемп

Вот как выглядит наша кнопка на веб-страница:

 «> </ цифра> <h3> Форма </h3> <р> <код> Форма </ код> используется 4rmFBMpA X5H M16KvlWPhDx9gP XlfNM43RfQU42SI5elokTMBCp8vvpqcbf6VjPYfuqVb6SmsU2zo8llK22b BQUYTfeWXYV kyNjO0dtULXxU9 DOVWeoptXa4gSRTovA0 JMW чтобы связать элемент кнопки с формой. Значение <code>form <Attribute / code> должно совпадать с <code>id</code> формы, на которую ссылается форма. Вот пример атрибут формы, который связывает кнопку отправки с нашей формой <code>Пицца</code>:</p> Атрибут <p><code>form</code> связал нашу кнопку с фигурой с идентификатором <code>Pizza</code>. Поэтому, когда мы нажимаем на нашу кнопку, наша форма будет отправлена с id <code>Pizza</code>.</p><h3>Обучение </h3> <p><code>обучение</code> указывает URL-адрес программы, которая будет обрабатывать информацию, отправленную кнопкой. Этот атрибут можно использовать, только если <code>type</code> в вашей кнопке равно <code>Send</code>.</p><p>Вот пример атрибута <code>training</code> используется:</p> <h3>formenctype </h3> <p><code>formenctype</code> определяет атрибут, как форма должна быть зашифрована при отправке на сервер . Этот атрибут следует использовать только при использовании атрибута = `post`" в вашей форме.

Вот пример formenctype, используемый для отправки простой текст на сервер при нажатии нашей кнопки:

Formmethod

formmethod используется для указания HTTP метод, который браузер будет использовать для отправки формы. Этот атрибут следует использовать только с атрибутом "type = `submit` ". P>

Два допустимых значения для метода formmetho d: get и after. Если вы хотите получить информацию или запустить HTTP GET, вы должны использовать get; если вы хотите отправить информацию или выполнить HTTP POST, вы должны использовать after.

Вот синтаксис formmethod:

formnovalidate

formnovalidate используется для указать, что данные формы не нужно проверять при отправке. Например, если вы хотите принимать вводимые пользователем данные, даже если они не заполнены во всех полях, вам следует использовать стиль formnovalidate

Вот пример formnovalidate в action:

Formtarget

formtarget устанавливает позицию назначения для ответа, который сервер отправляет после отправки формы. Допустимые значения для этого атрибута:. code>_blank, _self, _parent, _top <./code> или имя вашего Uframe

Здесь синтаксис formtarget :

Имя

Тег name используется для указания имени кнопки (которое должно быть уникальным среди всех остальных формы и имена lementi ) и использует следующий синтаксис:

value

тег value указывает начальное значение кнопки. Вот синтаксис value :

Заключение

, который позволяет пользователю отправлять информацию о своем заказе, когда он будет готов.

В этом руководстве мы узнали, как использовать как эксперт!