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

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

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

Примечание

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

Далее пример 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

1. Добавьте еще одно многострочное текстовое поле в форму (тег <textarea>, обратите внимание, что это парный тег)
2. Добавьте еще один универсальный элемент в форму (тег <input>, обратите внимание, что это одинарный тег)
3. К созданному <input> добавьте атрибут type со значением text

– Не пропускайте новостей, подпишитесь на нашу страницу ВКонтакте, Telegram.

– На данный момент на сайте нет возможности оставлять комментарии, но Вы можете спросить в нашей Telegram-группе.