Тег 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>

Читайте также

Обсуждение (0)

Войдите или зарегистрируйтесь для того чтобы оставлять комментарии