Создание кнопок с использованием тегов ввода HTML в формах

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

элемент.

Установив атрибут тип на кнопку "," будет создана простая кнопка для клика. Вы можете определить текст, который будет отображаться на кнопке, например «Отправить», с помощью значение приписывать.

Например:

Имейте в виду, что тег не будет отправлять HTML-форму; вам все равно нужно будет включить JavaScript для обработки представления данных формы. Без JavaScript по щелчку событие, кнопка будет отображаться как кликабельная, но ничего не произойдет, и вы разочаровываете своих читателей.

Хотя использование тега ввода для создания кнопки работает для своей цели, это лучший вариант для использования чтобы создать HTML-кнопки вашего веб-сайта. тег более гибкий, поскольку он позволяет использовать изображения для кнопки (что позволяет сохранить визуальную согласованность, если ваш сайт имеет тему дизайна), и его можно определить как кнопку отправки или сброса, не требуя дополнительных JavaScript.

Вы хотите указать кнопку тип атрибут в любом теги. Существует три разных типа:

кнопка - Кнопка не имеет неотъемлемого поведения, но используется в сочетании со сценариями, которые выполняются на стороне клиента, которые могут быть прикреплены к кнопке и выполняться при нажатии.

сброс - Сбрасывает все значения.

Отправить - Кнопка передает данные формы на сервер (это значение по умолчанию, если тип не задан).

Другие атрибуты включают:

название - Дает кнопку имя ссылки.

значение - Указывает значение, которое первоначально назначается кнопке.

запрещать - Отключает кнопку.

HTML5 добавляет дополнительные атрибуты
formaction - Используется только с тип = «отправить» и URL-адрес в качестве значения, он определяет, куда будут отправляться данные формы. Например:

formenctype - Используется только с тип = «отправить» приписывать. Определяет, как данные формы должны быть закодированы при отправке на сервер. Три значения: применение / х-WWW-форм-urlencoded (дефолт), многокомпонентные / форм-данных, а также текст / равнину.

formmethod - Используется только с тип = «отправить» приписывать. Это указывает, какой HTTP-метод использовать при отправке данных формы, либо получить или же сообщение.

formnovalidate - Используется только с тип = «отправить» приписывать. Данные формы не будут проверяться при отправке.

formtarget - Используется только с тип = «отправить» приписывать. Это указывает, где ответ сайта должен отображаться при отправке данных формы, например, в новом окне и т. Д. Параметры значения _blank, _self, _parent, _top, или конкретное имя фрейма.

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