HTMLButtonElement
Базовая Широко доступная *
Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.
* Некоторые части этой функции могут иметь различный уровень поддержки.
Интерфейс HTMLButtonElement предоставляет свойства и методы (помимо стандартного интерфейса HTMLElement, которые также доступны ему по наследованию) для управления элементами <button>.
Свойства экземпляра
Наследует свойства от родителя, HTMLElement.
-
Булево значение, указывающее, отключен ли элемент управления, то есть не принимает щелчки.
-
Объект
HTMLFormElement, отражающий форму, к которой привязан этот элемент. Если кнопка является потомком элемента формы, то этот атрибут является ссылкой на соответствующуюHTMLFormElement. Если кнопка не является потомком элемента формы, то атрибут может ссылаться на любойHTMLFormElementэлемент в том же документе, к которому она относится, или на значениеnull, если ничего не подходит. -
Строка, отражающая URI ресурса, который обрабатывает информацию, отправленную кнопкой. Если указано, этот атрибут переопределяет атрибут
actionэлемента<form>, к которому принадлежит этот элемент. -
Строка, отражающая тип содержимого, используемого для отправки формы на сервер. Если указано, этот атрибут переопределяет атрибут
enctypeэлемента<form>, к которому принадлежит этот элемент. -
Строка, отражающая HTTP-метод, используемый браузером для отправки формы. Если указано, этот атрибут переопределяет атрибут
methodэлемента<form>, к которому принадлежит этот элемент. -
Булево значение, указывающее, что форма не должна проверяться при отправке. Если указано, этот атрибут переопределяет атрибут
novalidateэлемента<form>, к которому принадлежит этот элемент. -
Строка, отражающая имя или ключевое слово, указывающее, где отобразить ответ после отправки формы. Если указано, этот атрибут переопределяет атрибут
targetэлемента<form>, к которому принадлежит этот элемент. -
Список
NodeList, представляющий список элементов<label>, которые являются метками для этой кнопки. -
Строка, представляющая имя объекта при отправке с формой. Если указано, оно не должно быть пустой строкой.
-
Получает и устанавливает действие, которое должно быть выполнено (
"hide","show", или"toggle") над элементом всплывающей подсказки, управляемым кнопкой управления. Он отражает значение атрибута HTMLpopovertargetaction. -
Получает и устанавливает элемент всплывающей подсказки для управления кнопкой. Аналог атрибута HTML
popovertarget. -
Строка, указывающая поведение кнопки. Это перечисляемый атрибут со следующими возможными значениями:
-
submit: Кнопка отправляет форму. Это значение по умолчанию, если атрибут не указан или если он динамически изменён на пустое или недопустимое значение. -
reset: Кнопка сбрасывает форму. -
button: Кнопка ничего не делает. -
menu: Кнопка отображает меню. Экспериментально
-
-
Булево значение, указывающее, является ли кнопка кандидатом для проверки ограничений. Оно равно
false, если какие-либо условия препятствуют проверке ограничений, включая: его свойствоtypeравноresetилиbutton; у него есть предок<datalist>; или свойствоdisabledустановлено вtrue. -
Строка, представляющая локализованное сообщение, описывающее ограничения проверки, которым элемент не удовлетворяет (если таковые имеются). Этот атрибут равен пустой строке, если элемент не является кандидатом для проверки ограничений (
willValidateравноfalse), или удовлетворяет своим ограничениям. -
Объект
ValidityState, представляющий состояния валидности этой кнопки. -
Строка, представляющая текущее значение элемента управления формы кнопки.
Методы экземпляра
Наследует методы от родителя, HTMLElement.
-
Возвращает
true, если значение элемента не имеет проблем с валидностью; в противном случае возвращаетfalse. -
Выполняет то же действие, что и
checkValidity(), но также сообщает об этом пользователю, если событиеinvalidне было отменено.
Спецификации
| Спецификация |
|---|
| HTML # htmlbuttonelement |
Совместимость с браузерами
| Настольный компьютер | Мобильный | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на IOS | Samsung Internet | WebView Android | |
HTMLButtonElement |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | ≤37 |
checkValidity |
4 | 12 | 4 | ≤12.1 | 5 | 18 | 4 | ≤12.1 | 5 | 1.0 | ≤37 |
command |
preview | No | preview | No | preview | No | No | No | No | No | No |
commandForElement |
preview | No | preview | No | preview | No | No | No | No | No | No |
disabled |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
form |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
formAction |
9 | 12 | 4В Firefox 56 реализация была обновлена таким образом, что свойствоformAction возвращает правильный URL отправки формы, согласно спецификации, когда связанная кнопка используется для отправки формы (bug 1366361). |
≤12.1 | 5.1 | 18 | 4В Firefox для Android 56 реализация была обновлена таким образом, что свойствоformAction возвращает правильный URL отправки формы, согласно спецификации, когда связанная кнопка используется для отправки формы (bug 1366361). |
≤12.1 | 5 | 1.0 | 3 |
formEnctype |
9 | 12 | 4 | ≤12.1 | 5.1 | 18 | 4 | ≤12.1 | 5 | 1.0 | 3 |
formMethod |
9 | 12 | 4 | ≤12.1 | 5.1 | 18 | 4 | ≤12.1 | 5 | 1.0 | 3 |
formNoValidate |
4 | 12 | 4 | ≤12.1 | 5 | 18 | 4 | ≤12.1 | 4 | 1.0 | ≤37 |
formTarget |
9 | 12 | 4 | ≤12.1 | 5.1 | 18 | 4 | ≤12.1 | 5 | 1.0 | 3 |
labels |
6 | 18 | 56 | ≤12.1 | 5.1 | 18 | 56 | ≤12.1 | 5 | 1.0 | 3 |
name |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
popoverTargetAction |
114 | 114 | 125 | 100 | 17 | 114 | 125 | 76 | 17 | 23.0 | 114 |
popoverTargetElement |
114 | 114 | 125 | 100 | 17 | 114 | 125 | 76 | 17 | 23.0 | 114 |
reportValidity |
40 | 17 | 49 | 27 | 10.1 | 40 | 64 | 27 | 10.3 | 4.0 | 40 |
setCustomValidity |
4Этот метод обновляет только всплывающее окно с ошибкой проверки, а не подсказку, которая появляется при наведении курсора мыши на элемент, см. bug 41380670. |
12 | 4 | ≤12.1 | 5 | 18Этот метод обновляет только всплывающее окно с ошибкой проверки, а не подсказку, которая появляется при наведении курсора мыши на элемент, см. bug 41380670. |
4 | ≤12.1 | 5 | 1.0Этот метод обновляет только всплывающее окно с ошибкой проверки, а не подсказку, которая появляется при наведении курсора мыши на элемент, см. bug 41380670. |
≤37 |
type |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
validationMessage |
5 | 12 | 4 | ≤12.1 | 5 | 18 | 4 | ≤12.1 | 4 | 1.0 | ≤37 |
validity |
4 | 12 | 4 | ≤12.1 | 5 | 18 | 4 | ≤12.1 | 4 | 1.0 | ≤37 |
value |
1 | 12 | 1 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 4.4 |
willValidate |
2 | 12 | 4 | ≤12.1 | 4 | 18 | 4 | ≤12.1 | 3 | 1.0 | ≤37 |
См. также
- HTML-элемент, реализующий этот интерфейс:
<button>
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/HTMLButtonElement