Урок #10 - Все о datalist, fieldset и button в HTML /

Опубликовано: 07 Июль 2022
на канале: Volodymyr Shaitan

1,003

Привет, в рамках этого урока мы разберемся оставшимися тегами формы, а именно: datalist, fieldset, legend, button. Также разберемся в нюансах и частоте использования этих тегов. Приятного просмотра, не забудь поставить лайк, подписаться и оставить комментарий.

Таймкоды:
00:00 Тег datalist
01:22 Тег fieldset
02:53 Тег legend
04:00 Тег button
05:25 Финальный пример

Мои соц. сети:
Telegram - https://t.me/VS_FRONTEND
LinkedIn -   / vladimir-shaitan
Twitter -   / vovashaitan
Facebook -   / vladimir.shaitan
Instagram -   / vlad.sha

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

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

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

Datalist - содержит набор опций (option), доступных для выбора. Выбранное значение будет установлено для элемента input, с атрибутом list. Не стоит использовать его вместо тега select, но можно использовать как вспомогательный тег для input. Причина в том что его сложнее обрабатывать через JavaScript.

Fieldset - существует для группировки input внутри тега form, а также помогает
удобно управлять группой полей.

У fieldset также есть несколько атрибутов, которые помогают управлять сразу всей группой input.

name - задает общее имя для группы
disabled - делает группу недоступной для редактирования
form - если fieldset лежит вне тега form то этот атрибут позволит вам связать их.

legend - Является заголовком для группы элементов, сгруппированных через fieldset

Button - Парный тег, который предназначен для создания кнопки, имеет схожие атрибуты с тегом input. Может использовать как внутри form заменяя собой input type="button" так и просто как отдельный элемент на странице.