#14 - Поле для введення тексту. Тег для створення кнопки

#14 - Поле для введення тексту. Тег для створення кнопки

Крім тега «input», існує ще два теги, що щільно пов'язані з формами. В уроці ми навчимося працювати з тегом textarea для створення великого текстового поля і тегом button для створення кнопок.

Відеоурок

Telegram group

Підписуйтесь на нашу групу в Телеграмі 🇺🇦

Тег «Textarea»

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


Приклад реалізації тегу наведено нижче:

<textarea></textarea>

Тег не вимагає будь-яких обов'язкових атрибутів, але обов'язково вимагає тега, що закриває. Якщо щось помістити всередину тега, текст буде виведено всередині текстового поля.


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


Тег «Button»

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


Приклад простої кнопки: 

<button>Звичайна кнопка</button>

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

Вихідний код

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

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

Завантаження...

Завдання до уроку

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

Велике завдання за курсом

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

Також варто подивитися

Изучение HTMX с нуля / Проект на HTMX и Flask
Изучение препроцессора SASS / SCSS
Уроки CSS/CSS3 для новачків: від нуля до гуру
10 уроків
Сучасна верстка адаптивного веб-сайту
Верстка сайту на HTML5 та CSS3
8 уроків
Відеокурс з PHP, MySQL / Створення динамічного сайту
Коментарі
Додати коментар

Поки що коментарів немає