JavaScript получаем данные из input, select, checkbox, range, radio, textarea, form
Вставка
- Опубліковано 8 лют 2025
- Курс JS 2.0: itgid.info/cou...
Курс HTML для JS разработчиков: itgid.info/cou...
Остальные курсы: itgid.info/
Телеграмм канал: t.me/itgid_info
Код на github: github.com/itg...
Получаем данные из input, password, select, options, checkbox, form.elements в JavaScript
Большое спасибо за такое подробное, а главное понятное, объяснение.
Спасибо большое! Даете супер понятное объяснение. Вы - лучший преподаватель JS !
здравствуйте, Александр. Я веду курсы основ JS для школьников и с удовольствием разбираю со своими учениками Ваши практические уроки из видео. Спасибо Вам большое, Ваши идеи мне ОЧЕНЬ помогают сделать занятия более привлекательными. При разборе основ ввода обратил (а точнее обратили внимание ученики) внимание, что для тэга input c атрибутом type="number" помимо цифр набирается латинская е (видимо из-за экспоненциального представления чисел - опять заметили ученики :)). Избавиться от "назойливой" е удалось только через события клавиатуры... за что Вам ещё одно спасибо :) С удовольствием и уважением слежу за Вашими работами. Удачи Вам.
It-gid - это как приговор))) неделю как учусь, и уже решил скупать все курсы, это как свой маленький мир))))
Александр, мне кажется, вам надо сделать что-то вроде группы/сообщества/субкультуры. чтобы люди могли общаться, переписаться, и тд!
так есть - раньше было 2 чата, сейчас один
@@itgid ну в нем все же, проверка ДЗ. А свободного общения нет.
или же я не о том говорю)
Где купить курсы? Мне понравились уроки на этом канале! Все доступно и понятно! Смотрю с удовольствием! В то время как на других видео курсах все сложно и не понятно для начинающих.
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
Низкий поклон за ваш труд!
Мне как новичку было очень полезно узнать сведения из видео.
Как раз сейчас занят обработкой достаточно сложной формы на сайте.
Спаасибо, открыл для себя новый великолепный канал!
спасибо!
Круто! Новые лайфхаки! А ведь как раз на горизонте ждут меня ДЗ со всеми способами получения. Спасибо вам за интересное видео!
Огромное спасибо вам!! Сначала недооценил ваш канал, а сейчас понял насколько же здесь много информации! Спасибо!!!!
Огромное Вам спасибо! Нигде не могла найти решение своей проблемы. После Вашего урока всё стало просто!!!
Класс) Как раз дорешал задачи в курсе JS 2.0 unit 4 и бах - 30 минут разбора, клёво!) Курс топ, задачи огонь, спасибо! Обязательно возьму ещё методы массивов)
Спасибо за очень полезный урок!
За Winamp прям отдельный лайк бы поставил))
Спасибо большое! Даете супер понятное объяснение. Вы - лучший из лучших по JS !
Очень крутой канал, спасибо Вам.
Классный урок, потому что автор хорошо подготовился.
Очень интересно и понятно, спасибо Вам!
супер, очень детально. респект Вам.
лайк полнейший !!)) Спасибо, всё очень понравилось !!!)) ☺👍😎
Самые интересные и всегда прям 😁😁😁формы одни из важных!!
Пасиб. Проходил видео где с 4-ого захода... по чучуть)
спс вам за ваши уроки которые вы для нас делаете !!!
Хоть я это и прошел давно, но очень хорошо освежить в памяти! Спасибо.
Отлично. Мне , как новичку, почти понятно всё.
Было ОЧЕНЬ интересно, узнал много нового.
Спасибо большое, ваш код мне очень помог!!!!!Спасибо что вы есть))
Очень полезно и понятно! Спасибо огромное за ваш труд.
Мужик, я люблю тебя! Спасибо за видео!
а вот приятно такое слышать. Утирая слезу.
Спасибо большое за ваши уроки.
Спасибо большое за ваш труд!
круто! зрозуміле пояснення ! +
Cпасибо большое! Очень полезное видео!
Спасибо большое!
Спасибо за урок.
Спасибо огромное, вы очень хорошо объясняете)
Спасибо!
Офигеть! Спасибо)
Полезных урок для начинающих, но я бы все таки делал правильно: создал бы класс и функции, так как очень много повторяющегося кода, про DOMContentLoaded тоже не стоит забывать.
СуперЛАЙК!!!
Отлично!!!!!!
Материал офигенный!
отличный материал, спасибо!
Спасибо👍👍👍👍👍😊😊😊
У вас отлично получатся подавать материал.. Нет ли у вас урока по валидации форм регистрация/авторизация.. Видосы по этой теме есть, но они больше учебные а хотелось бы что нибудь максимум приближенное к боевым проектам.. Спасибо за ваш труд.
Лайк😊
отличная подача
Отличное видео.
Пасиб)
Топчик, спасибо
Круто!
Здравствуйте Александр! Спасибо большое за ваши видео, вы очень хорошо объясняете. Я бы хотел попросить у вас. Можете ли вы пожалуйста снять видео о том, как сохранять обьекты в localStorage? Я смотрел ваше видео о localStorage, а как сохранять объекты так и не понял. Спасибо за прочтение, буду очень благодарен.
спасибо. Сделаем!
Джейсоном стетхемом
13:33 да, да, только точку)
спасибо
Что произошло на 21:26? Переменную data закомментили, т.е. она уже не объявлена. А понял , если испол-ть 'use strict'; то код работать вообще не будет, будет ошибка, для себя пожалуй объявлю эту переменную
эх дядя саша дядя саша - по поводу селектов рассказали бы как опшены не хардкодить а получать из вне - например из массива или json файла
Да без проблем. И с файла и с базы, и по AJAX запросу - только тема другая.
@@itgid а я пересмотрел все ваши видосы -- что то такого не помню
@@АлександрИванов-ц6ф4в вы не поняли - сделать не проблема. Но есть тематика канала - здесь видео для начинающих.
материал интересен
привет! на гитхаб ссылка в описании, не на тот репозиторий 😉
Вибачте можливо звучати ламано але спасибі за навчальні відео.
это вроде бы в вашем курсе itgid все рассказывалось?
не только рассказывается но и еще куча задач.
20 kruteishix zadach
Не совсем понял откуда берется data в примере с radio, ведь она не обьявлена
Тоже такой момент заметил, если ранее он присвоил значение к data, то потом закомментил его, но оно все равно работает, новичкам конечно такое нужно объяснять
Якщо можете розділяйте редактор на два вікна. Щоб можна було бачити візуально звідки береться який елемент. Бо так можна постійно моніторити назви змінних і легше сприймається код.
Мужики посоветуйте пожалуйста решение:
Задача: Есть файл docx и в нём с помощью js нужно изменить некоторое строки или слова. И дальше на печать.
Может есть библиотеки какие ?
Тема с чекбоксом не раскрыта! бывает и два бокса, как с ними работать?
А как сделать так из Импута вывести на другую страницу в таблицу
А как по нажатию enter отправить дание без кнопки submit?
А как брать значения с input type='url'?, тоже через value?
Про select - это не работает, если динамически формировать option из массива.
И это очень печально.
Спасибо за урок. Но в ссылке на github код слайдера.
А что означает value и InnerHtml ?
Можно было вывести текст не на див а просто с document.body.append("Какое то значение"); И у меня вопрос как сохронит данные из input.value в localsorage?
можно. Именно append. Есть еще innerHTML, outerHTML...
Подскажите кто-нить регулярное выражение на вставку ifame-а Яндекс-денег(Юмани):
document.getElementById('textArray').value.replace("как получить двойные кавычки", "и заменить их на одинарные")
Для последующего сохранения в JSON?
здравствуйте ролик в обшем хороший но у меня в проекте не чего из этого не работает
А куда сохраняются данные, нету ж localStore?
А с checke нельзя было держать переменную и с помощью этого знака ! Менять его=))?
Почему одинаково работает class="out-5" и class="out-block out-5"? Это же разные названия классов.
А где коды этого урока?)В описании не этот!
За 15 сек сам нашел в репозитории нужный, вы же программисты 😀
6:23 У меня всё равно конкатенация происходит
Обучи декораторы =)))!Пожалуйста@_@
а где type=file?
все классно но не разобрано самое важное - это когда инпутов больше чем один и классы у них одниковые - и вот как с ними работает листенер как их добавлять не перетирая предыдущие значения которые вводились - как их удалять если надо --- сам то я во всем этом разобрался потратив кучу времени - жаль этого нет в ваших видосах
!!
CooL. Thanks for your lessons !!
я же не могу покрыть все. В курсе это есть.
31:35
опять музыка на preview "ужасы 90-х"...
0:37 Вы хреновый программист если вы не можете написать сайт за 2 секунды, дизлайк отписька :D (если что это рофл, спасибо за уроки), а если я загружаю файлы картинок , как получить данные для превьюшки? в принципе я нашел одно решение через "readAsDataURL" хотя толком так и не понял как это работает
очень нужна загрузка превью картинок, напишите пожалуйста полный код, не как не могу разобраться, как это сделать(((
дядя саша после таких видосов неокрепшие умы пытаются все впиндурить в теги форма не догадываясь что к форме можно прицепить инпуты в любой части кода/сайта -- сам это проходил и мучился решая задачи нужные заказчику
странный вывод. Т.е. 90 процентов урока проигнорировали?
@@itgid я же пишу уроки зачетные - для новичков наверное самое то, а мне уже мало вот с жиру и бешусь
form.reset()@_@точьна!!!
Узнал новое =)))спасибки
Благодарю за урок! Очень интересно, понятно и полезно!!!
Спасибо 👍