Тег button
Создание кнопки. Используется для работы с формами либо для создания кнопок для вызова javascript событий. Имеет стилизацию по умолчанию.
<button>Нажми сюда</button>Пошаговый план! Как быстро научиться создавать сайты!
Chrome
Все
Edge
Все
FireFox
Все
IE
6+
iOS Safari
Все
Opera
Все
Safari
Все
Стили по умолчанию
Стили которые браузер применяет к элементу по-умолчанию. В списке ниже приведены стили, которые влияют на внешний вид элемента и изменяются при помощи CSS.
button {
display: inline-block;
font: 400 13.3333px Arial;
text-align: center;
padding: 1px 6px;
background-color: buttonface; // обычно это серый цвет
border-width: 2px;
border-style: outset;
border-color: buttonface; // обычно это серый цвет
}Атрибуты
type=""
button обычная кнопка, при нажатии на которую, ничего не произойдет
submit служит для отправки формы
reset служит для сброса значений всех полей формы
<button type="button">Обычная кнопка</button>name=""
Уникальное имя кнопки для обработки ее значения на стороне сервера
<button name="simple_btn" type="button">Обычная кнопка</button>value=""
Значение, которое вы хотите передать при отправке формы
<button name="simple_btn" value="clicked" type="button">Обычная кнопка</button>disabled
Делает кнопку неактивной. При нажатии на кнопку ничего не произойдет. Не принимает никаких значений.
<button type="button" disabled>Не нажмешь!</button>