11. HTML формы. Теги form, fieldset, legend, label и поле ввода input

[@master8920]

Ни когда не встречал настолько сухого и информативного видео урока 😮❤

[@alexb.2616]

Здорово, что из видео в видео упоминаешь про людей с ограниченными возможностями!

[@lenurabdiramanov8055]

Как всегда все было круто и понятно!🔥

[@ДмитрийТаябин-о4в]

ХОРОШ! КОНТЕНТ В КАЙФ!ДАВАЙ ВПЕРЁД!УДАЧИ !

[@AlexAlex-bp9il]

Странный блогер. Говорит по делу, информация свежая, не впаривает курсы. Подписаться чтоль ?=))

[@МарияДолгова-т9ь]

мне особенно понравилось план обучения.. сколько читала статьи, никогда такого плана не видела. Настолько подробно понятно))

[@doker2144]

🔥🔥🔥

[@НигинаЗарипова-т4ц]

Спасибо 🙏

[@mashkanasevere7391]

Александр, спасибо! сейчас изучаю -как раз актуально и все по-делу!! Только по-умолчанию get метод

[@ukraine1514]

Лайкосик👍

[@valerakuznetsov]

Спасибо

[@MarselNz]

Не знал про fieldset, поэтому часто пользовался дивами

[@zhaslanulysabyrzhan]

Привет, тег группирует элементы формы. Даст ли это большую семантику если я буду группировать через fieldset, а не через div и отключать границы через css?

[@AleksanderLamkov]

Привет! В , кажется, будет неправильно оборачивать каждый элемент формы. Он предназначен для группировки нескольких полей по смыслу, т. к. внутрь него ещё нужно помещать элемент . Для самих полей ввода с их лучше подойдет нейтральный .

[@Ivanfwit]

у форм много нюансов, особенно когда надо описать все состояния, ошибки и прочее..будет видео про состояния активных элементов?

[@AleksanderLamkov]

Будет, но после курса по CSS, т. к. все темы связаны :) Верстка всех существующих UI компонентов, в т. ч. различных полей со всеми состояниями - то, что будет на этом канале обязательно!

[@Ivanfwit]

@@AleksanderLamkov огонь, спасибо, это отлично!)

[@GekaLeonov]

Какими плагинами или способами программисты пользуются чтобы искать два одинаковых ID в коде? В каком то видео видел, как говорили, что нельзя присваивать одинаковые ID в коде HTML. Ведь если код объемный, трудно запомнить все имена ID...Спасибо

[@AleksanderLamkov]

Можно через валидатор прогнать разметку: validator.w3.org/

[@GekaLeonov]

@@AleksanderLamkov пробовал различные сайты проверять на валидаторе, и у большинства есть красные ошибки. Включая ВК.ком. То есть эти и ошибки не обязательно исправлять?

[@slamedesign]

Добрый день, Саша, а скажите, где используются fieldset? Просто впервые увидел, оказывается такая имба, но куда его применить) По стандарту привыкли же form, внутри уже label, input,p и т.п.

[@AleksanderLamkov]

Для группировки нескольких элементов radio или checkbox. Ещё и legend пригодится в этой связке.

[@slamedesign]

@@AleksanderLamkov понял, благодарю!

[@the_doriyush]

А обязательно оборачивать в тег form теги fieldset, label, input?

[@AleksanderLamkov]

Желательно, но не обязательно. Если у тебя в разметке используется тег form, то это будет: а) доступно для пользователей скринридера б) если по какой-то причине JS-код, обрабатывающий форму, не сработает, то нативная отправка HTML-формы никогда не подведет

[@rumancevtihon]

Привет, если поместить input внутри тега label без использования атрибута for для label и id для input, это будет считаться валидным? Ваше имя:

[@AleksanderLamkov]

Привет! Это будет валидно, спецификация это допускает ( html.spec.whatwg.org/multipage/forms.html#the-label-element ), но если разметка будет чуть сложнее, если добавится подсказка или к полю ввода и/или элемент для вывода ошибки, то помещать их внутрь будет неправильным. Я часто встречал такую проблемную разметку: Ваше имя Ввод латиницей Это удобно с точки зрения верстки, т. к. всё находятся внутри field, но в таком случае текстом метки будет "Ваше имя Ввод латиницей %текст из ошибки%", а так быть не должно. Если и помещать инпут в лейбл, то при наличии доп. элементов с текстом нужно помещать их вне лейбла, например, так: Ваше имя Ввод латиницей

[@rumancevtihon]

@@AleksanderLamkov спасибо

[@UIRETU]

По умолчанию мето GET

[@AleksanderLamkov]

Точно. Ошибся. Иначе бы страница не «перезагружалась». Спасибо за информацию! :)

[@GekaLeonov]

Добрый день. Как можно прописать свое название с помощью HTML, которое будет указано внутри поля "Дата"? Вот пример: Пробовал и атрибуты value и placeholder, не помогают.... Спасибо.

[@AleksanderLamkov]

Привет! Не совсем понимаю, о каком «названии» идёт речь. Если требуется текст-подсказка внутри поля ввода, то нужен атрибут placeholder. Если нужно по умолчанию введенное в поле значение, то нужен атрибут value. А если нужна ассоциативная подпись к полю ввода, используют тег .

[@AleksanderLamkov]

Если не разберёшься - напиши нам в телеграмм-чат, поможем: t.me/friendlyFrontendChat