Тёмный

JavaScript получаем данные из input, select, checkbox, range, radio, textarea, form 

WebDev с нуля. Канал Алекса Лущенко
Просмотров 56 тыс.
50% 1

Курс JS 2.0: itgid.info/course/javascript-2
Курс HTML для JS разработчиков: itgid.info/course/html
Остальные курсы: itgid.info/
Телеграмм канал: t.me/itgid_info
Код на github: github.com/itgidinfo/simple_s...
Получаем данные из input, password, select, options, checkbox, form.elements в JavaScript

Опубликовано:

 

12 янв 2021

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 112   
@user-kh7fv5rn1g
@user-kh7fv5rn1g 3 года назад
Спасибо большое! Даете супер понятное объяснение. Вы - лучший преподаватель JS !
@andreiribac6284
@andreiribac6284 3 года назад
Низкий поклон за ваш труд!
@user-vv3gg6xm1b
@user-vv3gg6xm1b 3 года назад
Огромное спасибо вам!! Сначала недооценил ваш канал, а сейчас понял насколько же здесь много информации! Спасибо!!!!
@vladimirpuzey713
@vladimirpuzey713 3 года назад
Класс) Как раз дорешал задачи в курсе JS 2.0 unit 4 и бах - 30 минут разбора, клёво!) Курс топ, задачи огонь, спасибо! Обязательно возьму ещё методы массивов)
@m2in-mandms
@m2in-mandms 3 года назад
здравствуйте, Александр. Я веду курсы основ JS для школьников и с удовольствием разбираю со своими учениками Ваши практические уроки из видео. Спасибо Вам большое, Ваши идеи мне ОЧЕНЬ помогают сделать занятия более привлекательными. При разборе основ ввода обратил (а точнее обратили внимание ученики) внимание, что для тэга input c атрибутом type="number" помимо цифр набирается латинская е (видимо из-за экспоненциального представления чисел - опять заметили ученики :)). Избавиться от "назойливой" е удалось только через события клавиатуры... за что Вам ещё одно спасибо :) С удовольствием и уважением слежу за Вашими работами. Удачи Вам.
@user-vk1kb3xj6b
@user-vk1kb3xj6b 3 года назад
Спасибо за очень полезный урок!
@user-ux5jx8oc9q
@user-ux5jx8oc9q 3 года назад
Очень интересно и понятно, спасибо Вам!
@dieselpower1252
@dieselpower1252 3 года назад
Благодарю за урок! Очень интересно, понятно и полезно!!!
@ch20babiciarcadii36
@ch20babiciarcadii36 3 года назад
Спасибо большое! Даете супер понятное объяснение. Вы - лучший из лучших по JS !
@user-pb9ul3dv7s
@user-pb9ul3dv7s 3 года назад
Очень полезно и понятно! Спасибо огромное за ваш труд.
@user-by3pn5mf3l
@user-by3pn5mf3l 3 года назад
Огромное Вам спасибо! Нигде не могла найти решение своей проблемы. После Вашего урока всё стало просто!!!
@FeelUs
@FeelUs 2 месяца назад
1:30 input type text 4:55 input type number 6:55 imput type color 8:08 input type date 9:46 input type range 11:15 input type checkbox 16:25 input type radiobutton 22:46 input type password 24:10 input type email 24:30 select option 26:52 textarea 27:40 form
@jinke5935
@jinke5935 3 года назад
Круто! Новые лайфхаки! А ведь как раз на горизонте ждут меня ДЗ со всеми способами получения. Спасибо вам за интересное видео!
@user-ji7ny8bs4s
@user-ji7ny8bs4s 2 года назад
Мне как новичку было очень полезно узнать сведения из видео. Как раз сейчас занят обработкой достаточно сложной формы на сайте.
@yakub8798
@yakub8798 3 года назад
спс вам за ваши уроки которые вы для нас делаете !!!
@mikaelgevorgyan4521
@mikaelgevorgyan4521 3 года назад
Самые интересные и всегда прям 😁😁😁формы одни из важных!!
@dmitriystoyanov933
@dmitriystoyanov933 3 года назад
Хоть я это и прошел давно, но очень хорошо освежить в памяти! Спасибо.
@eugenia9999
@eugenia9999 3 года назад
лайк полнейший !!)) Спасибо, всё очень понравилось !!!)) ☺👍😎
@alien2364
@alien2364 3 года назад
Спаасибо, открыл для себя новый великолепный канал!
@itgid
@itgid 3 года назад
спасибо!
@vladimirastrelin1719
@vladimirastrelin1719 2 года назад
Полезнейший урок...Спасибо большое!
@alexforos5425
@alexforos5425 2 года назад
Спасибо большое за ваши уроки.
@aidynimanov
@aidynimanov 2 года назад
Спасибо большое за ваш труд!
@user-ou4ct5lh8s
@user-ou4ct5lh8s 2 года назад
Спасибо огромное, вы очень хорошо объясняете)
@user-up9zq1nw4n
@user-up9zq1nw4n 3 года назад
Cпасибо большое! Очень полезное видео!
@user-cd1sr5sx2r
@user-cd1sr5sx2r 3 года назад
Спасибо за урок.
@kennygogogo3931
@kennygogogo3931 Год назад
супер, очень детально. респект Вам.
@volodymyrdubinkin4823
@volodymyrdubinkin4823 3 года назад
За Winamp прям отдельный лайк бы поставил))
@qazqaz6215
@qazqaz6215 2 года назад
Отлично. Мне , как новичку, почти понятно всё.
@user-qc2ol5ee2y
@user-qc2ol5ee2y Год назад
Было ОЧЕНЬ интересно, узнал много нового.
@olgamuz5044
@olgamuz5044 2 года назад
Спасибо большое, ваш код мне очень помог!!!!!Спасибо что вы есть))
@geek2060
@geek2060 3 года назад
Мужик, я люблю тебя! Спасибо за видео!
@itgid
@itgid 3 года назад
а вот приятно такое слышать. Утирая слезу.
@mind150
@mind150 3 года назад
It-gid - это как приговор))) неделю как учусь, и уже решил скупать все курсы, это как свой маленький мир)))) Александр, мне кажется, вам надо сделать что-то вроде группы/сообщества/субкультуры. чтобы люди могли общаться, переписаться, и тд!
@itgid
@itgid 3 года назад
так есть - раньше было 2 чата, сейчас один
@mind150
@mind150 3 года назад
@@itgid ну в нем все же, проверка ДЗ. А свободного общения нет. или же я не о том говорю)
@zizzxiii2714
@zizzxiii2714 3 года назад
Где купить курсы? Мне понравились уроки на этом канале! Все доступно и понятно! Смотрю с удовольствием! В то время как на других видео курсах все сложно и не понятно для начинающих.
@happyhomo4423
@happyhomo4423 3 года назад
отличный материал, спасибо!
@user-hb5ul2jx6p
@user-hb5ul2jx6p Год назад
Очень крутой канал, спасибо Вам.
@nso655
@nso655 3 года назад
Спасибо!
@flozty9237
@flozty9237 3 года назад
Офигеть! Спасибо)
@Lucerbius
@Lucerbius Год назад
Классный урок, потому что автор хорошо подготовился.
@maksmaksim4803
@maksmaksim4803 3 года назад
Материал офигенный!
@yusif4183
@yusif4183 3 года назад
Отличное видео.
@ruslan_lwow79
@ruslan_lwow79 2 года назад
круто! зрозуміле пояснення ! +
@arcadiibabici7655
@arcadiibabici7655 10 месяцев назад
Спасибо большое!
@user-td5op5iv2u
@user-td5op5iv2u 3 года назад
отличная подача
@exploringtheworld8780
@exploringtheworld8780 3 года назад
Спасибо👍👍👍👍👍😊😊😊
@user-wq8sp4wb2o
@user-wq8sp4wb2o Год назад
Пасиб. Проходил видео где с 4-ого захода... по чучуть)
@arahnid_9844
@arahnid_9844 Год назад
Спасибо 👍
@nodejs-nurlibekovali3334
@nodejs-nurlibekovali3334 3 года назад
Пасиб)
@user-ib8gk7ec2t
@user-ib8gk7ec2t Год назад
Отлично!!!!!!
@boriskulak3613
@boriskulak3613 3 года назад
Круто!
@user-ux9xw1ln5j
@user-ux9xw1ln5j 2 года назад
Топчик, спасибо
@radio-lb4dr
@radio-lb4dr 3 года назад
У вас отлично получатся подавать материал.. Нет ли у вас урока по валидации форм регистрация/авторизация.. Видосы по этой теме есть, но они больше учебные а хотелось бы что нибудь максимум приближенное к боевым проектам.. Спасибо за ваш труд.
@bexruzfatullayev767
@bexruzfatullayev767 3 года назад
спасибо
@natashalesyk5764
@natashalesyk5764 4 месяца назад
Лайк😊
@ch20babiciarcadii36
@ch20babiciarcadii36 3 года назад
СуперЛАЙК!!!
@raymond1489
@raymond1489 3 года назад
Полезных урок для начинающих, но я бы все таки делал правильно: создал бы класс и функции, так как очень много повторяющегося кода, про DOMContentLoaded тоже не стоит забывать.
@uliev9298
@uliev9298 3 года назад
материал интересен
@tymurkr
@tymurkr Год назад
13:33 да, да, только точку)
@MaximMoPeR
@MaximMoPeR 3 года назад
Здравствуйте Александр! Спасибо большое за ваши видео, вы очень хорошо объясняете. Я бы хотел попросить у вас. Можете ли вы пожалуйста снять видео о том, как сохранять обьекты в localStorage? Я смотрел ваше видео о localStorage, а как сохранять объекты так и не понял. Спасибо за прочтение, буду очень благодарен.
@itgid
@itgid 3 года назад
спасибо. Сделаем!
@光荣归于习近平同志
@光荣归于习近平同志 3 года назад
Джейсоном стетхемом
@windcrack8404
@windcrack8404 Год назад
Вибачте можливо звучати ламано але спасибі за навчальні відео.
@user-qs3vi5of5q
@user-qs3vi5of5q 3 года назад
Спасибо за урок. Но в ссылке на github код слайдера.
@adinaizhamangulova5697
@adinaizhamangulova5697 3 года назад
А как брать значения с input type='url'?, тоже через value?
@serdotsenko
@serdotsenko Год назад
привет! на гитхаб ссылка в описании, не на тот репозиторий 😉
@ConstantineKa
@ConstantineKa 3 года назад
Подскажите кто-нить регулярное выражение на вставку ifame-а Яндекс-денег(Юмани): document.getElementById('textArray').value.replace("как получить двойные кавычки", "и заменить их на одинарные") Для последующего сохранения в JSON?
@justkrem7764
@justkrem7764 Год назад
Что произошло на 21:26? Переменную data закомментили, т.е. она уже не объявлена. А понял , если испол-ть 'use strict'; то код работать вообще не будет, будет ошибка, для себя пожалуй объявлю эту переменную
@user-oo9gv8hx7b
@user-oo9gv8hx7b 3 года назад
Якщо можете розділяйте редактор на два вікна. Щоб можна було бачити візуально звідки береться який елемент. Бо так можна постійно моніторити назви змінних і легше сприймається код.
@user-nn6mb9tv1b
@user-nn6mb9tv1b 3 года назад
эх дядя саша дядя саша - по поводу селектов рассказали бы как опшены не хардкодить а получать из вне - например из массива или json файла
@itgid
@itgid 3 года назад
Да без проблем. И с файла и с базы, и по AJAX запросу - только тема другая.
@user-nn6mb9tv1b
@user-nn6mb9tv1b 3 года назад
@@itgid а я пересмотрел все ваши видосы -- что то такого не помню
@itgid
@itgid 3 года назад
@@user-nn6mb9tv1b вы не поняли - сделать не проблема. Но есть тематика канала - здесь видео для начинающих.
@Viktor_Dobrov74
@Viktor_Dobrov74 2 года назад
Мужики посоветуйте пожалуйста решение: Задача: Есть файл docx и в нём с помощью js нужно изменить некоторое строки или слова. И дальше на печать. Может есть библиотеки какие ?
@arizonarp1213
@arizonarp1213 Год назад
А как сделать так из Импута вывести на другую страницу в таблицу
@fdytyg____9190
@fdytyg____9190 2 года назад
А как по нажатию enter отправить дание без кнопки submit?
@user-vg2fp8oi6x
@user-vg2fp8oi6x 3 года назад
это вроде бы в вашем курсе itgid все рассказывалось?
@itgid
@itgid 3 года назад
не только рассказывается но и еще куча задач.
@georgepetrosyan4589
@georgepetrosyan4589 3 года назад
20 kruteishix zadach
@ellapollo7315
@ellapollo7315 Год назад
31:35
@yevhenlebid
@yevhenlebid 3 года назад
Не совсем понял откуда берется data в примере с radio, ведь она не обьявлена
@justkrem7764
@justkrem7764 Год назад
Тоже такой момент заметил, если ранее он присвоил значение к data, то потом закомментил его, но оно все равно работает, новичкам конечно такое нужно объяснять
@user-wq8sp4wb2o
@user-wq8sp4wb2o Год назад
А что означает value и InnerHtml ?
@mikaelgevorgyan4521
@mikaelgevorgyan4521 3 года назад
Обучи декораторы =)))!Пожалуйста@_@
@mixailfarther8927
@mixailfarther8927 2 года назад
А куда сохраняются данные, нету ж localStore?
@malytv1170
@malytv1170 3 года назад
Можно было вывести текст не на див а просто с document.body.append("Какое то значение"); И у меня вопрос как сохронит данные из input.value в localsorage?
@itgid
@itgid 3 года назад
можно. Именно append. Есть еще innerHTML, outerHTML...
@sessionstart4431
@sessionstart4431 2 года назад
Про select - это не работает, если динамически формировать option из массива. И это очень печально.
@mikaelgevorgyan4521
@mikaelgevorgyan4521 3 года назад
А с checke нельзя было держать переменную и с помощью этого знака ! Менять его=))?
@user-qz6yf1mp3c
@user-qz6yf1mp3c Месяц назад
здравствуйте ролик в обшем хороший но у меня в проекте не чего из этого не работает
@MrS0m0S
@MrS0m0S Год назад
Тема с чекбоксом не раскрыта! бывает и два бокса, как с ними работать?
@glazyrik6923
@glazyrik6923 2 года назад
6:23 У меня всё равно конкатенация происходит
@ayubkhan_dev
@ayubkhan_dev 2 года назад
А где коды этого урока?)В описании не этот!
@justkrem7764
@justkrem7764 Год назад
За 15 сек сам нашел в репозитории нужный, вы же программисты 😀
@lenyacher8344
@lenyacher8344 2 года назад
а где type=file?
@user-im3xl1px4w
@user-im3xl1px4w Год назад
Почему одинаково работает class="out-5" и class="out-block out-5"? Это же разные названия классов.
@user-nn6mb9tv1b
@user-nn6mb9tv1b 3 года назад
все классно но не разобрано самое важное - это когда инпутов больше чем один и классы у них одниковые - и вот как с ними работает листенер как их добавлять не перетирая предыдущие значения которые вводились - как их удалять если надо --- сам то я во всем этом разобрался потратив кучу времени - жаль этого нет в ваших видосах
@sergiusergiu3412
@sergiusergiu3412 3 года назад
!!
@sergiusergiu3412
@sergiusergiu3412 3 года назад
CooL. Thanks for your lessons !!
@itgid
@itgid 3 года назад
я же не могу покрыть все. В курсе это есть.
@sergeygetman1973
@sergeygetman1973 3 года назад
опять музыка на preview "ужасы 90-х"...
@mikaelgevorgyan4521
@mikaelgevorgyan4521 3 года назад
form.reset()@_@точьна!!!
@mikaelgevorgyan4521
@mikaelgevorgyan4521 3 года назад
Узнал новое =)))спасибки
@user-nn6mb9tv1b
@user-nn6mb9tv1b 3 года назад
дядя саша после таких видосов неокрепшие умы пытаются все впиндурить в теги форма не догадываясь что к форме можно прицепить инпуты в любой части кода/сайта -- сам это проходил и мучился решая задачи нужные заказчику
@itgid
@itgid 3 года назад
странный вывод. Т.е. 90 процентов урока проигнорировали?
@user-nn6mb9tv1b
@user-nn6mb9tv1b 3 года назад
@@itgid я же пишу уроки зачетные - для новичков наверное самое то, а мне уже мало вот с жиру и бешусь
@tawt6260
@tawt6260 3 года назад
0:37 Вы хреновый программист если вы не можете написать сайт за 2 секунды, дизлайк отписька :D (если что это рофл, спасибо за уроки), а если я загружаю файлы картинок , как получить данные для превьюшки? в принципе я нашел одно решение через "readAsDataURL" хотя толком так и не понял как это работает
@marinashustikova5954
@marinashustikova5954 3 года назад
очень нужна загрузка превью картинок, напишите пожалуйста полный код, не как не могу разобраться, как это сделать(((
Далее
JavaScript v. 2.0 Работаем с формами
27:07
Вопрос Ребром: Сергей Бурунов 2
1:03:47
skibidi toilet multiverse 039 (part 2)
08:58
Просмотров 5 млн