Тег button создает кнопку, похожую на кнопку элемента со значением submit, reset, button или image атрибута type. Однако, в отличие от элемента input, элемент button не относится к пустым элементам, то есть у него есть открывающий и закрывающий тег, между которыми можно расположить текст, изображения или другие HTML-элементы. Когда браузер отображает элемент button на веб-странице, то весь элемент со всем его содержимым становится одной активной кнопкой. По умолчанию он будет иметь такой же внешний вид, как и кнопка, созданная с помощью input type="button", но из-за возможности содержать другие HTML-элементы он имеет гораздо больше возможностей для применения к нему CSS стилей. Примечание: для изменения стандартного вида курсора при наведении на кнопку используйте CSS свойство . Атрибуты - autofocus:
- Указывает браузеру, что кнопка должна получить фокус после загрузки страницы. Значения для логического атрибута autofocus можно задавать следующими способами:
Примечание: атрибут не поддерживается в IE9 и более ранних версиях. - disabled:
- Отключает возможность нажатия кнопки. Это можно использовать в случае, когда кнопка должна стать активной при выполнение определенных условий (например, при выборе флажка и тд.), сделать кнопку активной можно будет с помощью JavaScript. Значения для логического атрибута disabled можно задавать следующими способами:
- form:
- Указывает к какой форме относится данная кнопка. В качестве значения выступает один или несколько идентификаторов форм, разделенных пробелами. Количество идентификаторов в значении атрибута зависит от количества принадлежащих кнопке форм:
Примечание: атрибут не поддерживается в Internet Explorer. - formaction:
- Определяет адрес, куда пересылаются данные формы при нажатии на кнопку. Если для формы указан атрибут action, то атрибут formaction переопределит его значение: Атрибут formaction используется только для кнопок с атрибутом type="submit".
Примечание: атрибут не поддерживается в IE9 и более ранних версиях. - formenctype:
- Указывает, каким способом данные формы должны быть закодированы перед отправкой на сервер. Используется только для кнопок с атрибутом type="submit". Возможные значения атрибута:
- application/x-www-form-urlencoded - все символы кодируются перед отправкой (значение по умолчанию).
- multipart/form-data - символы не кодируются (этот метод используется при использовании форм, которые имеют файл управления загрузкой).
- text/plain - пробелы преобразуются в символ "+", но символы не кодируются.
Если для формы указан атрибут enctype, то атрибут formenctype переопределит его значение. Примечание: атрибут не поддерживается в IE9 и более ранних версиях. - formmethod:
- Указывает, какой метод HTTP будет использован при отправке данных формы. Используется только для кнопок с атрибутом type="submit". Возможные значения атрибута:
- get - данные формы добавляются в конце URL-адреса: URL-адрес?имя=значение?имя=значение
- post - отправляет данные формы, как HTTP после транзакции
Если для формы указан атрибут method, то атрибут formmethod переопределит его значение. Примечание: атрибут не поддерживается в IE9 и более ранних версиях. - formnovalidate:
- Указывает, что данные формы не будут проверяться на корректность. Используется только для кнопок с атрибутом type="submit". Значения для логического атрибута autofocus можно задавать следующими способами: Если для формы указан атрибут novalidate, то атрибут formnovalidate переопределит его значение.
Примечание: атрибут не поддерживается в IE9 и более ранних версиях, и в Safari. - formtarget:
- Указывает, где будет отображен ответ после отправки формы. Используется только для кнопок с атрибутом type="submit". Возможные значения атрибута:
- _blank - открывает ответ в новом окне или вкладке.
- _self - открывает ответ в той же директории, где располагается ссылка (значение по умолчанию).
- _parent - открывает ответ в родительском окне.
- _top - открывает ответ во всю ширину окна.
- имя_фрейма - открывает ответ в iframe, имя которого было указано в качестве значения.
Если для формы указан атрибут target, то атрибут formtarget переопределит его значение. Примечание: атрибут не поддерживается в IE9 и более ранних версиях. - name:
- Указывает имя для элемента button. Он используется для ссылки на данные формы после ее отправки, или для ссылки на элемент в JavaScript.
Примечание: некоторые элементы button могут совместно использовать одно и то же имя. Это позволяет иметь несколько кнопок с одинаковыми именами, которым можно отправить разные значение при использование формы. - type:
- Определяет тип кнопки:
- button - активная кнопка
- reset - кнопка, очищающая форму от введенных данных
- submit - кнопка для отправки данных формы (значение по умолчанию)
Примечание: всегда указывайте атрибут type для кнопок, потому что различные браузеры могут использовать разные значения по умолчанию для атрибута type. - value:
- Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.
Примечание: если вы используете элемент button в HTML-форме, то IE7 и более ранние версии этого браузера, при отправке формы будут отправлять текст располагающийся между button и /button. В то время как другие браузеры будут отправлять содержимое атрибута value. Тег button так же поддерживает и
|