HTML5 для начинающих / Урок #13 - Создание HTML форм и полей для ввода

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

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

  • @aliySTTN
    @aliySTTN 9 месяцев назад +11

    Думала всегда,что это кошмар сложно, но с вашими объяснениями все кристально понятно. Иногда мозг уже начинает медленее грузиться из-за большого потока информации,но я просто отматываю назад и смотрю до тех пор пока не смогу обработать. Огромное спасибо за то, что не просто рассказываете ,но и показываете как и что прописывать. Супер!!!!

  • @МаксВоробьёв-в4ъ
    @МаксВоробьёв-в4ъ 3 года назад +32

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

  • @alexandralexandr2997
    @alexandralexandr2997 Год назад +191

    Посмотреть атрибуты для определенного тега в VS-code, можно с помощью сочетания клавиш: ctrl + пробел
    God bless you 🙂🙌

    • @АРТЁМКРУГЛИКОВ-е8ю
      @АРТЁМКРУГЛИКОВ-е8ю Год назад +6

      герой

    • @Ilham0._.0
      @Ilham0._.0 Год назад +4

      От души

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

      @@Ilham0._.0спасибо :)

    • @Ilham0._.0
      @Ilham0._.0 Год назад

      @@alexandralexandr2997 можешь сказать что делать если изображение вставил в сайт,потом заходишь через телефон на свой сайт и изображение не показывает

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

      @@Ilham0._.0 рад был бы подсказать, но я к сожалению не знаю, тут все индивидуально. Попробуй задать этот вопрос чату gpt, возможно он ответит на твой вопрос.

  • @Q_roxe
    @Q_roxe 2 года назад +14

    Отличный урок,длинный,и по этому на фоне всех остальных в этом курсе-сложноватый,но благо у нас отличный спикер который все понятно объясняет,спасибо за урок

  • @oleggbllack1453
    @oleggbllack1453 3 года назад +12

    Пересмотрел кучу уроков по web формам, но только благодаря вашему видео понял эту тему. Благодарю за проделанную работу

  • @УильямДжеймсМориарти-й1н

    Спасибо!! Очень понятные и хорошие уроки!

  • @eg0rka252
    @eg0rka252 4 года назад +30

    Все очень классно! Видео оч понятные и интересные, спасибо большое за такой контент

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

    Спасибище Человек! Вот это называется качественно и по теме!!!

  • @kanekihub
    @kanekihub 3 года назад +6

    Большое вам спасибо, кажется тему с полями для ввода я выучил лучше других тем)

  • @vuitlik5449
    @vuitlik5449 4 года назад +43

    0 дизлайков? Да ты крут!

  • @sanjar5862
    @sanjar5862 4 года назад +17

    Воу видосы выходят так быстро респектос , уроки у тебя крутые ,жду жс )

    • @alexandermetadonov
      @alexandermetadonov 4 года назад +1

      Он заранее снимает, и загружает одновременно

  • @user-aka-root
    @user-aka-root 2 года назад +38

    Урок супер как и все остальные!!!
    Нашёл только небольшую несостыковку на моменте 10:49, тут ты говоришь, что атрибут "for" работает с названием объекта, хотя на самом деле этот атрибут работает с id объекта

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

      Я не разбираюсь, но разве id и название объекта не одно и тоже?

    • @saapool
      @saapool Год назад +1

      @@timirlanhaniev нет, id - идентификационный номер, название - название.

    • @hattori-6751
      @hattori-6751 Год назад +1

      логика одна и та же, ты можешь обращаться как к идентификатору так и к имени. Сначала сам подумай, а потом делай замечания людямлогика

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

      ​@@hattori-6751
      А вот меня даже такая крохотная несостыковка сильно запутала:
      Как одновременно и объединить все radio (для этого им нужно дать один name), и подключить к каждому radio свой label?
      по словам автора, нужно к label добавить атрибут for, куда указать name, а как указать name, если один и тот же name присвоен нескольким radio?!?!
      Надеюсь кто-нибудь понял мой высеp

    • @hattori-6751
      @hattori-6751 Год назад

      @@Dmitry_Grachiev ты поймешь это во время обучения css , ну или в верстке первого макета

  • @Croft555
    @Croft555 3 года назад +3

    Чудова подача, дякую!

  • @ЛюдмилаДубровская-э4ц

    Смотрю ваши уроки и понимаю, что программировать не сложно в целом =) (хотя очевидно, что дальше будет сложнее)
    Спасибо за ваш труд!

    • @zelimgamer3762
      @zelimgamer3762 Год назад +6

      HTML - текст гипертекстовой разметки, а программирование это уже C,C++,C#,Java,Js,Kotlin,Swift,Python.. терпения вам 😂

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

      @@zelimgamer3762 bozhe chel o bozhe chel js i python eto scriptovie babki sis sas!

  • @lusi-kn6ef
    @lusi-kn6ef 8 месяцев назад +1

    спасибо огромное за классные уроки обожаю ваш канал👍👍👍👍👍👍

  • @ВиталийЛеснов-х6ы
    @ВиталийЛеснов-х6ы Год назад +1

    Информативный урок! Отлично!

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

    Здорово!
    Отличные уроки

  • @MistInJay
    @MistInJay 7 месяцев назад +8

    На моменте 16:43 атрибут "datetime" не корректно работает, потому что нужно использовать "datetime-local", тогда появится окошко для выбора даты и времени (без часового пояса). Он поддерживается и в Эйдже и в Хроме

  • @vladic312cher
    @vladic312cher 11 месяцев назад

    Спасибо вам большое за урок!!!

  • @РоманКузнецов-ю6ъ
    @РоманКузнецов-ю6ъ 3 года назад

    👍👍👍👍👍респект! Короткие но очень информативные уроки.

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

    Очень Благодарен ! Спасибо !

  • @Nvdr-t9q
    @Nvdr-t9q Год назад

    урок понятный и разборчивый !

  • @ptytb7701
    @ptytb7701 9 месяцев назад +2

    классно

  • @Lexi-Spaniel
    @Lexi-Spaniel 9 месяцев назад

    очень понятно все объяснено, спасибо!

  • @vasya_zhizn
    @vasya_zhizn 4 дня назад

    Большое спасибо!!!

  • @davron_xolboyev
    @davron_xolboyev 4 года назад +1

    спасибо за урок

  • @ЯнаБабичева-е8ь
    @ЯнаБабичева-е8ь 3 года назад

    Отличные видео, информации много, нужно время все переварить 😁

  • @ТетянаШепель-щ7я
    @ТетянаШепель-щ7я 3 года назад +25

    для label for, там все таки id, а не name Введите имя

    • @1llidan520
      @1llidan520 3 года назад

      +

    • @Ростислав-р7ж
      @Ростислав-р7ж 3 года назад

      +

    • @JakeTime1
      @JakeTime1 3 года назад

      Можешь объяснить в чём разница пожалуйста?

    • @jedinvidia9616
      @jedinvidia9616 3 года назад

      @@JakeTime1 Значения id и name одинаковые, а так вроде не правильно

  • @karman8029
    @karman8029 Год назад +1

    имба видосики уже 13 ролик посмотрел

  • @Дизайн-я6ф
    @Дизайн-я6ф 2 года назад

    Красавчик ! Спасибо !

  • @mr_nekit7809
    @mr_nekit7809 2 года назад +1

    хороший курс 🙂🙃

  • @el1oz155
    @el1oz155 3 года назад +7

    у меня reset не очищает поля (( почему?
    Поправка: Забыл вписать :)

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

    Блин очень классно все объясняешь )) Усынови меня и учи ))))

  • @МарияСерова-д1ч
    @МарияСерова-д1ч Год назад

    Merci!

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

    Поправка про дату и время:

  • @hakimjonghaniev5536
    @hakimjonghaniev5536 2 года назад

    Спасибо

  • @klaussid195
    @klaussid195 3 года назад +2

    переход так и не заработал, менял и name и id пробовал делать так же как в примере, результат один переход в поле не происходит результаты сохранял страницу обновлял, почему такое происходит?

  • @Дмитрий-г5у2ш
    @Дмитрий-г5у2ш Год назад +1

    😊😊😊😊😊😊

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

    простооооо СУУУППЕЕРРРРР

  • @Krylowandrey
    @Krylowandrey 8 месяцев назад +1

    Как в ВС код посмотреть все возможные атрибуты для того или иного тега? ( внутри редактора)

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

    Вы чутка ошиблись) в атрибуте for=" указывается назавние id", а не name=" "

  • @ob7349
    @ob7349 4 года назад +3

    А можно примеры использования атрибута hidden? И disabled, зачем поле, в которое нельзя ввести?

    • @faniskhalikov9736
      @faniskhalikov9736 3 года назад

      к примеру: для работы с бэкендом очень важно присутствие поля id, а показывать пользователю нет необходимости

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

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

  • @РостиславКозачук-к3з

    Подскажите пожалуйста, пользуюсь атомом, не понимаю как блоки сворачивать, подскажите как это сделать пожалуйста

  • @xeither289
    @xeither289 3 года назад +2

    ☦❤🙏💕☦💕❤🙏

  • @JohnWood-wi4jz
    @JohnWood-wi4jz 7 месяцев назад

    Не подскажете, у меня не работает ctrl+space. Не могу посмотреть теги к атрибуту инпут. Гуглил, ничего толкового не нашел

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

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

  • @СтаниславЯрославович-и9о

    Добрый день, курс классный, спасибо!
    Подскажите, можно ли в Notepad++ сделать автоподбор атрибутов (как у Вас, когда выскакивает список возможных атрибутов для этого тега)? Если нет, в каком редакторе это доступно? Windows
    Спасибо!

    • @itproger
      @itproger  4 года назад +6

      Можете плагин Emmet установить для Notepad++

  • @s_omshin
    @s_omshin 4 месяца назад

    Атрибут for от label привязывается к id инпута, а не к name.

  • @xeither289
    @xeither289 3 года назад +2

    ИИСУС ХРИСТОС ЕСТЬ МЕССИЯ И ОН ВОСКРЕС

  • @Leshanga
    @Leshanga 2 года назад

    привет,подскажи пожалуйста как вызывать подсказку тэгов как высвечивается на 6:35 ,и спасибо за уроки :)

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

      Она должна быть автоматически в этом приложении

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

      @@timirlanhaniev спасибо ,думаю установить другой редактор)

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

      если у тебя не атом, то попробуй сочетание клавиш ctr+пробел

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

      @@SAMANUELb спасибо))

  • @fffdhdhdryryry
    @fffdhdhdryryry 9 месяцев назад

    а почему сейчас не работают кнопку reset, sumbit и страница не перегружается?

    • @AnnaKop-b9i
      @AnnaKop-b9i 5 месяцев назад

      Объяснение:
      Атрибут action="#": Это позволяет форме отправляться на ту же страницу. Таким образом, страница обновляется, но данные формы не отправляются на сервер.
      Метод method="post": Указан метод передачи данных формы, что является стандартной практикой.
      Мне помогло

  • @Extwow
    @Extwow 4 года назад +2

    Использую Egde как основной браузер и поверь он все читает )
    type="color" легко

    • @Extwow
      @Extwow 4 года назад

      datatime-local кста на Эдже работает)))

  • @spectorx7256
    @spectorx7256 3 года назад

    Может часто задаваемый вопрос, но тем не менее, отступы играют какую-либо роль в языке или это просто для наглядности?

    • @itproger
      @itproger  3 года назад +2

      В HTML - это просто для наглядности

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

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

  • @_furryich
    @_furryich 4 года назад +1

    :)

  • @АлександрИванинов
    @АлександрИванинов 2 года назад

    Спасибо, очень полезный курс. Подскажите, какой редактор (IDE) Вы используете? Как реализована "подсказка" списка атрибутов к тегу? Не могу настроить в VS Code

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

      Atom, а в VS Code вы можете использовать сочетание клавиш Control+Space чтобы узнать все доступные атрибуты к тегу.

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

      В vs code подсказки лучше сделаны

  • @Uruma-senpai
    @Uruma-senpai 5 месяцев назад

    Можно ли вместо js использовать python?

  • @Mukhtarov1
    @Mukhtarov1 17 дней назад

    15:30 Прикинь а оказывается она работает в (Edge, FireFox)

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

    У меня в атоме когда ввожу текст он ростягивается в одной строке в даль, как сделать так как у автора?

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

      Наверное уже поздно, но вот в самом конце строки

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

      file > setting > editor > soft wrap

  • @roman3403
    @roman3403 3 года назад

    А как зделать фон неподвижним?
    постараюсь обяснить: Нужно чтоби фон не проворачивался с текстом. Текст проварачивается а фон закреплен.

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

      Ну объясняешь ты классно

  • @xeither289
    @xeither289 3 года назад +1

    БОГ ЕСТЬ ЛЮБИТЕ БОГА И СВОИХ БЛИЖНИХ

  • @Bezdarnyi_Master
    @Bezdarnyi_Master 4 года назад +3

    хотел сделать, чтоб текст вводился по центру окна и прописал align='center' в input.... не проканало..)))

    • @itproger
      @itproger  4 года назад +4

      CSS свойство для этого есть, но CSS уже в следующем курсе :)

  • @jekaterinastef7665
    @jekaterinastef7665 4 года назад

    Добрейшего! Кнопка reset вообще никак не реагирует, ничего не стирает ни в каких манипуляциях. В чем проблема?

    • @itproger
      @itproger  4 года назад +3

      Некоторые браузеры ее не поддерживают

    • @jekaterinastef7665
      @jekaterinastef7665 4 года назад

      @@itproger а есть ли что-нибудь универсальное для всех браузеров? Только танцы с бубнами? Большая форма, юзер задолбается стирать

  • @vladyslavkarmazyn601
    @vladyslavkarmazyn601 2 года назад

    Почему-то не сработал. Когда пишу без "собачки", то ничего не выскакиевает, как на видео. Кто знает почему?

    • @alexeyzarifyan5518
      @alexeyzarifyan5518 2 года назад

      Проверь, чтоб элемент input был вложен в элемент form

  • @sakinurs3084
    @sakinurs3084 4 года назад

    а почему у тебя стоят аж два , если можно поставить и 1

    • @_furryich
      @_furryich 4 года назад +1

      2 строчка получается

    • @JakeTime1
      @JakeTime1 3 года назад +2

      1 делает маленький отступ
      2 делают более большой отступ

  • @am1go735
    @am1go735 2 года назад +1

    атрибут name це ніби якір?

  • @LEGENDARY192
    @LEGENDARY192 Год назад +1

    Очень хорошее видео, но я прифигел после 5-ти минутных обучалок 25 минут смотреть. за 2 часа посмотрел)

  • @Aaaa-jn4bm
    @Aaaa-jn4bm 4 года назад +5

    Видеоролики интересные и полезные для начального изучения html, только очень напрягает произношение английских слов

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

      @@maskwejlka3698 вот-же @xeither289 обрадуется когда ухнает что в комментариях сам боже сидит)

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

    у меня ни в хроме ни в сафари не отображается ни календарь ни выбор цвета ...=(

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

      Бывает

  • @kris1tall56
    @kris1tall56 9 месяцев назад

    чтобы было окошко с временем надо написать без date т.е просто time

  • @АлёшаПопович-ш4х
    @АлёшаПопович-ш4х Год назад +2

    Ctrl + R - обновление страницы.

  • @whitehat-it-4096
    @whitehat-it-4096 3 года назад

    Так в чём собственно смысл тега form?

    • @JakeTime1
      @JakeTime1 3 года назад +3

      для , работает также, как для .
      То есть некоторые поля для ввода могу не работать без

  • @MariaIvanova777
    @MariaIvanova777 3 года назад

    Color в Edge работает.

  • @imam9107
    @imam9107 2 года назад +2

    datetime-local вместо datetime и все работает в хроме))

  • @СенновАндрей
    @СенновАндрей 3 года назад +1

    Ну и нифига у меня не обновляется страничка. С кнопкой очистить та же история

  • @akhmedmagomedov324
    @akhmedmagomedov324 3 года назад

    А зачем br дважды прописывать??

  • @OpO738
    @OpO738 3 года назад

    1 курс, для меня был понятнее , досмотрю этот, потом на 1 старый курс , перейду . =-(((

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

    15:39 mozhet

  • @ismailovmarat
    @ismailovmarat 2 года назад

    В EDGE все поддерживает

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

    label for="" должен быть равен id а не name поля ввода input

  • @MentorOfMentors
    @MentorOfMentors 3 года назад

    взлетело когда for=id, а не name

  • @АхмедХутиев-н4ч
    @АхмедХутиев-н4ч 4 года назад +2

    Класс лайкни меня чтобы я стал хорошим программистом

    • @jedinvidia9616
      @jedinvidia9616 3 года назад

      Ну что? Как успехи?

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

      мне тоже интересны успехи )

  • @АсомиддинЖураев-о7ъ

    Секс

  • @hardflex6579
    @hardflex6579 4 года назад +1

    Без обид но у тебя местами повторение одних и тех же слов,это увеличивает время урока,сократи объяснение,а так всё good,thx)

    • @superman-prime409
      @superman-prime409 4 года назад

      🤫🤫🤫

    • @motay3
      @motay3 4 года назад +9

      Он объясняет для новичков, и повторяется что бы ты запомнил

  • @livius0653
    @livius0653 4 года назад +3

    Спасибо за урок

  • @lawdriver88
    @lawdriver88 2 года назад

    Спасибо

  • @Burovasofia
    @Burovasofia 2 года назад

    спасибо за урок