60. Кнопки в HTML - тег BUTTON

В предыдущем уроке вы изучили атрибуты тега <form>. В этом уроке познакомимся с тегом <button>.

Что такое кнопка в HTML

Тег <button> создает на странице стандартную кнопку, например, для отправки формы, запуска функции и так далее. Он довольно расширяемый. При использовании стилей CSS вид кнопки можно легко изменить. Тег <button> необязательно должен находится в теге <form>, но все равно старайтесь использовать тег <button> по назначению - внутри тега <form>.

<form>
    <button>Кнопка</button>
</form> 

Далее атрибуты тега <button> (кроме универсальных, которые доступны для всех HTML-элементов):

• accesskey - активация по нажатию сочетания клавиш
• autofocus - говорит браузеру, что кнопка должна получить фокус после загрузки страницы.
• disabled - блокирует доступ и изменение кнопки
• form - связь кнопки и формы
• formaction - адрес куда передаются данные формы, после нажатия на кнопку
• formenctype - способ кодирования данных
• formmethod - метод пересылки данных формы
• formnovalidate - отмена проверки формы на корректность
• formtarget - результат отправки формы в новом окне или фрейме
• name - имя кнопки, к которому обращаются через PHP
• type - тип кнопки
• value - значение кнопки

В этом уроке познакомились с тегом <button> и его атрибутами. В следующем уроке подробно изучим универсальный тег формы <input>.

Похожие уроки Codebra

1. Добавьте кнопку (<button>) в форму

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.