Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Добавьте кнопку (
<button>) в форму
В предыдущем уроке вы изучили атрибуты тега <form>. В этом уроке познакомимся с тегом <button>.
Что такое кнопка в HTML
Тег <button> создает на странице стандартную кнопку, например, для отправки формы, запуска функции и так далее. Он довольно расширяемый. При использовании стилей CSS вид кнопки можно легко изменить. Тег <button> необязательно должен находится в теге <form>, но все равно старайтесь использовать тег <button> по назначению - внутри тега <form>.
<form>
<button>Кнопка</button>
</form>Далее атрибуты тега <button> (кроме универсальных, которые доступны для всех HTML-элементов):
accesskey- активация по нажатию сочетания клавишautofocus- говорит браузеру, что кнопка должна получить фокус после загрузки страницы.disabled- блокирует доступ и изменение кнопкиform- связь кнопки и формыformaction- адрес куда передаются данные формы, после нажатия на кнопкуformenctype- способ кодирования данныхformmethod- метод пересылки данных формыformnovalidate- отмена проверки формы на корректностьformtarget- результат отправки формы в новом окне или фреймеname- имя кнопки, к которому обращаются через PHPtype- тип кнопкиvalue- значение кнопки
В этом уроке познакомились с тегом <button> и его атрибутами. В следующем уроке подробно изучим универсальный тег формы <input>.
Переходите к следующему уроку курса, а так же не забудьте посмотреть новый материал на Codebra по тегу HTML.
