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

Поделиться
HTML-код
  • Опубликовано: 8 янв 2025

Комментарии • 34

  • @АдельБатршин-ж1и
    @АдельБатршин-ж1и 3 дня назад +1

    Спасибо тебе, друг
    Все лаконично и понятно. Талант преподавания
    такой только у хороших людей)

  • @master8920
    @master8920 Год назад +10

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

  • @alexb.2616
    @alexb.2616 Год назад +3

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

  • @ДмитрийТаябин-о4в
    @ДмитрийТаябин-о4в Год назад +2

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

  • @lenurabdiramanov8055
    @lenurabdiramanov8055 Год назад +5

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

  • @AlexAlex-bp9il
    @AlexAlex-bp9il 11 месяцев назад +15

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

    • @МарияДолгова-т9ь
      @МарияДолгова-т9ь Месяц назад +1

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

  • @doker2144
    @doker2144 Год назад +4

    🔥🔥🔥

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

    Спасибо 🙏

  • @mashkanasevere7391
    @mashkanasevere7391 7 месяцев назад +1

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

  • @MarselNz
    @MarselNz 9 месяцев назад +1

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

  • @valerakuznetsov
    @valerakuznetsov 5 месяцев назад +1

    Спасибо

  • @ukraine1514
    @ukraine1514 8 месяцев назад

    Лайкосик👍

  • @Ivanfwit
    @Ivanfwit Год назад +2

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

    • @AleksanderLamkov
      @AleksanderLamkov  Год назад +5

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

    • @Ivanfwit
      @Ivanfwit Год назад +2

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

  • @zhaslanulysabyrzhan
    @zhaslanulysabyrzhan Год назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  Год назад +2

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

  • @the_doriyush
    @the_doriyush 2 месяца назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  2 месяца назад

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

  • @GekaLeonov
    @GekaLeonov 7 месяцев назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  7 месяцев назад

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

    • @GekaLeonov
      @GekaLeonov 6 месяцев назад

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

  • @slamedesign
    @slamedesign 5 месяцев назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  5 месяцев назад +1

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

    • @slamedesign
      @slamedesign 5 месяцев назад

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

  • @rumancevtihon
    @rumancevtihon Год назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  Год назад +3

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

      Это удобно с точки зрения верстки, т. к. всё находятся внутри field, но в таком случае текстом метки будет "Ваше имя Ввод латиницей %текст из ошибки%", а так быть не должно.
      Если и помещать инпут в лейбл, то при наличии доп. элементов с текстом нужно помещать их вне лейбла, например, так:
      Ваше имя

      Ввод латиницей

    • @rumancevtihon
      @rumancevtihon Год назад

      @@AleksanderLamkov спасибо

  • @UIRETU
    @UIRETU 10 месяцев назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  10 месяцев назад

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

  • @GekaLeonov
    @GekaLeonov 7 месяцев назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  7 месяцев назад

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

    • @AleksanderLamkov
      @AleksanderLamkov  7 месяцев назад

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