Внимание! На этой странице вы найдете материал урока из архивного курса по HTML. Курс был написан в 2015, обновлен в 2024 году и по-прежнему актуален для начинающих веб-разработчиков.
Теоретический материал сохранен в исходном виде, а практические задания с автоматической проверкой вынесены в отдельные роадмапы.
Полный список уроков доступен по тегу Архивный курс по HTML и на странице первого урока.
- Добавьте еще одно многострочное текстовое поле в форму (тег
<textarea>, обратите внимание, что это парный тег) - Добавьте еще один универсальный элемент в форму (тег
<input>, обратите внимание, что это одинарный тег) - К созданному
<input>добавьте атрибутtypeсо значениемtext
В предыдущем разделе вы подробно разобрались с таблицами в 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 по тегу HTML.
