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

58. Что такое HTML-форма

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ

В предыдущем разделе вы подробно разобрались с таблицами в HTML и начали знакомство с CSS. С этого урока будете погружаться в формы HTML.

Форма HTML – это способ общения пользователя с сайтом. Она создается тегом <form>, в котором находится все содержимое: кнопки, поля и так далее. Когда вы вписываете свои данные в поля на сайте, например, регистрируясь, вы заполняете форму.

Примечание

HTML и CSS создают лишь визуальную часть формы. Чтобы с ее помощью пользователь мог общаться с сайтом, необходимо на языке JavaScript или PHP написать этот функционал.

Далее пример HTML-формы с текстовым полем и кнопкой:

Пример (html)
<form action = "/send" method = "post">
    <textarea></textarea>
    <input type = "submit" value = "Кнопка">
</form> 

В примере показано два элемента. <textarea> создает многострочное поле для написания текста. <input> – универсальный элемент в формах. В данном примере атрибут type тега <input> имеет значение submit .

У формы указаны два атрибута:

  • action - указывается URL-адрес, куда будут отправлены данные из формы для обработки;
  • method - указывается HTTP-метод, который будет использовать браузер для отправки этой формы на адрес, указанный в атрибуте action.

Примечание

Недопустимо вкладывать одну форму в другую.

В этом уроке мы кратко познакомились с созданием формы в HTML. В следующих уроках будем более детально разбираться с различными элементами формы. Выполните практику и переходите далее.

Похожие уроки Codebra

@codebra_official
Подписывайся на наш Telegram-канал!
Новости, полезный материал,
программирование и ИБ
Введение в курс по PHPКурс по PHP
Что такое и как создать ссылки в HTMLСсылки в HTML
Анонимные функции (выражения lambda)Знакомство с Python
Что такое изображения в HTMLИзображения в HTML
Написание модулей в PythonЗнакомство с Python
Что такое маркированный список в HTMLРазметка текста в HTML
Что такое язык HTMLЗнакомство с HTML
Что такое таблица в HTMLТаблицы в HTML
Что такое абзац в HTML (тег P)Разметка текста в HTML
Раздел «Формы в HTML»
УРОК 58. 1. Что такое HTML-форма
Вы здесь
59. УРОК: 2. Как создать форму в HTML и ее атрибуты
60. УРОК: 3. Кнопки в HTML - тег BUTTON
61. УРОК: 4. Универсальный тег в HTML форме - тег INPUT
62. УРОК: 5. Многострочное поле для текста – TEXTAREA
63. УРОК: 6. Метки в HTML формах - LABEL
64. УРОК: 7. Раскрывающийся список на HTML - тег SELECT
65. УРОК: 8. Для чего нужен тег KEYGEN
66. УРОК: 9. Группировка элементов в HTML-формах (FIELDSET, LEGEND)
67. УРОК: 10. Группировка элементов списка в HTML (OPTGROUP)
68. ТЕСТ: 11. Тест по разделу «Формы в HTML»
Другие разделы
Раздел 1. Знакомство с HTML
Раздел 2. Разметка текста в HTML
Раздел 3. Ссылки в HTML
Раздел 4. Изображения в HTML
Раздел 5. Таблицы в HTML
Раздел 7. HTML5
Раздел 8. Остальное
Раздел 9. Знакомство с CSS
Раздел 10. Селекторы в CSS
Раздел 11. Структура и каскад
Раздел 12. Единицы измерения
Раздел 13. Шрифт
Раздел 14. Свойства текста
Раздел 15. Форматирование
Раздел 16. Отступы, рамки, поля
Раздел 17. Цвета и фон
Раздел 18. Позиционирование
Раздел 19. Верстка таблиц
Раздел 20. Списки
Раздел 21. Анимация
Раздел 22. Знакомство с Flexbox
Раздел 23. Практика с htmlbook.ru
Раздел 24. Элементы сайта
Впервые на сайте Codebra?

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

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

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

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

Закрыть окно