Посмотреть все уроки курса
Выбрать другой урок из курса
Поиск по сайту
Теория урока

74. Кнопки в HTML - тег BUTTON

Что такое кнопка в HTML

Тег <button> создает на странице стандартную кнопку. Он довольно расширяемый. При использовании стилей CSS вид кнопки можно легко изменить. Тег <button> не обязательно должен находится в теге <form>, но при этом <button> становится менее эффективным, так как запрос на сервер, с помощью этой кнопки, отправить нельзя. Следовательно, используйте <button> по назначению - добавляйте внутрь <form>. Для этого тега доступны универсальные атрибуты, но и есть свои (подробно о них писать не буду, так как о них полно информации в интернете):

Код HTML
<form>
<button>Кнопка</button>
</form>
  • accesskey - активация по нажатию сочетания клавиш
  • autofocus - говорит браузеру, что кнопка должна получить фокус после загрузки страницы.
  • disabled - блокирует доступ и изменение кнопки
  • form - связь кнопки и формы
  • formaction - адрес куда передаются данные формы, после нажатия на кнопку
  • formenctype - способ кодирования данных
  • formmethod - метод пересылки данных формы
  • formnovalidate - отмена проверки формы на корректность
  • formtarget - результат отправки формы в новом окне или фрейме
  • name - имя кнопки, к которому обращаются через PHP
  • type - тип кнопки
  • value - значение кнопки

Похожие уроки и записи блога

Написание модулей в PythonЗнакомство с Python
Первое знакомство с PythonЗнакомство с Python
Работа с файлами в Python Знакомство с Python
Универсальный тег в HTML форме - тег INPUTФормы
Акцентирование (выделение) текста в HTMLРазметка текста
Универсальные атрибуты в HTMLРазметка текста
Обработка исключений (try/except) в PythonЗнакомство с Python
Модули в PythonЗнакомство с Python
Погружение в PythonЗнакомство с Python
<
×
>
Раздел «Формы»
71. УРОК: Что такое формы в HTML
72. УРОК: Как создать форму в HTML и ее атрибуты
73. ТЕСТ: Вводный тест по формам в HTML
УРОК 74. Кнопки в HTML - тег BUTTON
Вы здесь
75. УРОК: Универсальный тег в HTML форме - тег INPUT
76. УРОК: Многострочное поле для текста – TEXTAREA
77. УРОК: Метки в HTML формах - LABEL
78. УРОК: Раскрывающийся список на HTML - тег SELECT
79. УРОК: Для чего нужен тег KEYGEN
80. УРОК: Группировка элементов в HTML формах
81. УРОК: Группировка элементов списка в HTML
82. ТЕСТ: Заключительный тест по формам в HTML
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста
Раздел 3. Ссылки
Раздел 4. Изображения
Раздел 5. Таблицы
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Практика с htmlbook.ru
Раздел 23. Элементы сайта
Раздел 24. Знакомство с Flexbox
Впервые на сайте Codebra?

Извините за это всплывающее окно, меня они тоже раздражают.

Образовательный ресурс codebra.ru полностью посвящен программированию. Все курсы и уроки находятся на главной странице. Ради интереса можете посмотреть на содержимое курсов по Python, HTML и CSS, JavaScript, C++ и другие, размещенные на главной странице.

Если что-то не нашли, то воспользуйтесь поиском по сайту, который находится на главной странице в самом верху.

Удачи в обучении!

Закрыть окно