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