Привет, в рамках этого урока мы разберемся в том как работают и как использовать теги select и textarea, рассмотрим много примеров и нюансы работы этих тегов. Не забудь поставить лайк, подписаться и оставить комментарий. Приятного просмотра.

Таймкоды:
00:00 Тег select
01:05 Тег option
02:12 Тег optgroup
03:45 select multiple
04:39 Тег textarea
06:20 Нюансы работы тега textarea

Мои соц. сети:
Telegram - [ Ссылка ]
LinkedIn - [ Ссылка ]
Twitter - [ Ссылка ]
Facebook - [ Ссылка ]
Instagram - [ Ссылка ]

P.S. Если хочешь получить файлы с урока, напиши об этом в комментариях к этому видео, поставь лайк и подпишись, поддержи автора. )


#HTML #CSS #web #JavaScript #верстка #ityoutubersru #VladimirShaitan #webdevelopment


Транскрипт урока:

select - элемент содержащий меню опций option или меню групп опций optgroup.
Имеет схожие с input атрибуты, а также атрибуты multiple и size.
Обычно select располагается внутри тега form или связывается с ним атрибутом form.

option - тег, который используется для определения пункта списка внутри тега select, но также его можно встретить и в тегах.
Атрибуты:
selected - позволяет предвыбрать элемент.
disabled - работает как всегда.
и другие.

optgroup - позволяет группировать опции внутри select.
Имеет атрибуты - name и disabled.
name - задает имя группы.
disabled - исключает возможность выбора элементов из группы.
label - Задает имя группы которое видно пользователю.

Атрибут multiple тега select позволяет выбирать не один, а сразу несколько option если зажата клавиша CTRL (для windows или linux) или COMMAND (для macOS)

textarea - позволяет добавить поле для ввода большого количества текста, обычно
располагается внутри тега form.
Имеет атрибуты схожие с input, а также cols и rows.
cols - определяет ширину textarea.
rows - определяет высоту textarea.

У тега textarea нет атрибута value, а если вы ходите установить ему какое-то значение по-умолчанию, нужно писать его между открывающим и закрывающим тегами.

свернуть