Кнопки

HTML тег < button > создает кнопку, похожую на кнопку элемента < input > со значением submit, reset, button или image атрибута type. Однако, в отличие от элемента < input > , элемент < button > не относится к пустым элементам, то есть у него есть открывающий и закрывающий тег, между которыми можно расположить текст, изображения или другие HTML-элементы.

<button type="button">Нажмите меня! </button> - простая кнопка 

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

<button type="submit">Нажмите меня! </button> - кнопка отправки формы на сервер 

Если вы решите использовать < button > элементы для создания кнопок в своей форме, имейте в виду: если внутри есть только одна < button > кнопка <form > , эта кнопка будет рассматриваться как кнопка «отправить». Таким образом, вы должны иметь привычку четко указывать, какая кнопка является кнопкой отправки.

<button type="reset">Нажмите меня! </button> - кнопка сброса формы 

Примечание. Обычно вам следует избегать включения кнопок сброса в формы. Они редко бывают полезными и, скорее всего, разочаровывают пользователей, которые нажимают на них по ошибке (часто при попытке нажать кнопку отправки ).

Когда браузер отображает элемент < button > на веб-странице, то весь элемент со всем его содержимым становится одной активной кнопкой. По умолчанию он будет иметь такой же внешний вид, как и кнопка, созданная с помощью , но из-за возможности содержать другие HTML-элементы он имеет гораздо больше возможностей для применения к нему CSS стилей.

Внутри элемента < button > можно поместить содержимое, например, текст или изображения. Это различие между этим элементом и кнопками, созданными с помощью элемента < input > .

Атрибуты