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

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

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

Видеоурок

Тег «Textarea»

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


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

<textarea></textarea>

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


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


Тег «Button»

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


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

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

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

Исходный код

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

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

Загрузка...

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

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

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

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

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

Изучение ASP.NET Core MVC. Создание сайтов на C#
10 уроков
Изучение препроцессора SASS / SCSS
7 уроков
Современная вёрстка адаптивного веб-сайта
Вёрстка адаптивного сайта на Bootstrap 4
6 уроков
Видеокурс по PHP, MySQL / Создание динамического сайта
Создание адаптивного сайта
4 урока
Комментарии
Добавить комментарий

Пока комментариев нет