BUTTON (тег в HTML)
Что такое button в html:
Для создания кнопок используется тег <button>. Внутри него размещается текст или изображение, которые будут отображаться на кнопке.Атрибуты:
- accesskey - Доступ к элементам формы с помощью горячих клавиш.
- autofocus - Устанавливает, что кнопка получает фокус после загрузки страницы.
- disabled - Блокирует доступ и изменение элемента.
- form - Связывает между собой форму и кнопку.
- formaction - Задаёт адрес, на который пересылаются данные формы при нажатии на кнопку.
- formenctype - Способ кодирования данных формы.
- formmethod - Указывает метод пересылки данных формы.
- formnovalidate - Отменяет проверку формы на корректность.
- formtarget - Открывает результат отправки формы в новом окне или фрейме.
- name - Определяет уникальное имя кнопки.
- type - Тип кнопки — обычная, для отправки данных формы на сервер или для очистки формы.
- value - Значение кнопки, которое будет отправлено на сервер или прочитано с помощью скриптов.
Как прописать button в html:
<button type="button">Я кнопка</button>Чтобы задать кнопке имя, тип или состояние, нужно добавить атрибуты: name, disabled и type:
<button type="button" name="popup-button">Я кнопка</button>Создать кнопку можно и с помощью тега <input>, если указать ему тип button:
<input tupe="button" value="Я тоже кнопка">Способ подойдёт для контентных изображений:
<button type="button"><img src="icon.svg" alt="Иконка" width="20" height="20">
</button>