Главная - Справочник по HTML - Тег "BUTTON"

Поддержка браузерами:

Параметры тега:

Тег <BUTTON> создает на странице кнопку. По своему действию напоминает результат, получаемый с помощью тега <INPUT> (с параметром type), но в отличие от этого тега, <BUTTON> предлагает расширенные возможности по созданию кнопок.

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

Теоретически, тег <BUTTON> должен располагаться внутри формы, устанавливаемой элементом <FORM> . Тем не менее, браузеры не выводят сообщение об ошибке и корректно работают с тегом <BUTTON> , если он встречается самостоятельно. Однако, если необходимо результат нажатия на кнопку отправить на сервер, помещать <BUTTON> в контейнер <FORM> обязательно.

Пример:

<button>HTML</button>

Параметры тега <BUTTON>

disabled

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

Пример:

<button disabled>Я недоступна!</button>

title

Добавляет к кнопке всплывающую подсказку, которая появляется при наведениии курсора мыши. Текст подсказки должен заключаться в двойные или одинарные кавычки.

Пример:

<button title="я кнопка">Нажми меня </button>

type

Параметр устанавливает тип кнопки, который определяет ее поведение. По внешнему виду кнопки разного типа никак не различаются, но у каждой такой кнопки свои функции. В качестве зарезервированных имен для параметра используются следующие:

button
Обычная кнопка.

reset
Кнопка для возвращения значений в первоначальное состояние.

submit
Кнопка для отправки данных формы на сервер.

Пример:

<button type="reset" >Отменить изменения </button>

style

Устанавливает стили для кнопки. Например, размеры кнопки.

Пример:

<button style=height:50;width=50;>мои размеры 50x50</button>

value

Определяет значение кнопки, которое будет отправлено на сервер. На сервер отправляется пара «имя=значение», где имя задается параметром name тега <BUTTON> , а значение — параметром value . Значение может, как совпадать с текстом на кнопке, так быть и самостоятельным. Также параметр value применяется для доступа к данным через скрипты.

Пример:

<button value="11001010101" name="name" type="submit">Передать данные</button>

name

При помощи этого параметра можно назначить кнопке имя. Чаще всего используется совместно с параметром value.

Пример:

<button value="11001010101" name="name" type="submit">Передать данные</button>

по алфавиту  /  по категориям  / скачать "Справочник по HTML"