#14 – Поле для ввода текста. Тег для создания кнопки

#14 – Поле для ввода текста. Тег для создания кнопки

Помимо тега «input» существует еще два тега, что плотно связаны с формами. В уроке мы научимся работать с тегом «textarea» для создания большого текстового поля и тегом «button» для создания кнопок.

Видеоурок

Тег «Textarea»

Тег textarea используется для ввода текста в больших масштабах. Если простое текстовое «input» поле позволяет ввести одну сроку, то textarea позволяет вводить целую статью информации. 


Пример реализации тега приведен ниже:

<textarea></textarea>

Тег не требует каких-либо обязательных атрибутов, но обязательно требует закрывающего тега. Если что-либо поместить внутрь тега, то текст будет выведен внутри текстового поля.


Все дополнительные стили можно прописать в CSS, поэтому по поводу дополнительных атрибутов можно не заморачиваться.


Тег «Button»

Тег служит для создания кнопки. Кнопку можно поместить в форму и по нажатию на неё отправлять форму или же её можно использовать вне формы для создания красивого дизайна на сайте. 


Пример простой кнопки: 

<button>Обычная кнопка</button>

Все, что помещается между тегами button будет являться надписью для кнопки. Тег не требует никаких обязательных атрибутов.

Исходный код

Весь код будет доступен после подписки на проект!

Онлайн редактор кода

Загрузка...

Задание к уроку

Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям

Большое задание по курсу

Вам необходимо оформить подписку на сайте, чтобы иметь доступ ко всем большим заданиям. В задание входит методика решения, а также готовый проект с ответом к заданию.
PS: подобные задания доступны при подписке от 1 месяца

Также стоит посмотреть

Современная вёрстка адаптивного веб-сайта
Изучение CSS/CSS3 для новичка: от нуля до гуру
10 уроков
Создание адаптивного сайта
4 урока
Видеокурс по PHP, MySQL / Создание динамического сайта
Изучение технологии Bootstrap (верстка сайта)
16 уроков
Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Комментарии для сайта Cackle