JAVASCRIPT И ФОРМЫ. Свойства, события, методы. Практические примеры. Уроки JAVASCRIPT
Vložit
- čas přidán 16. 06. 2024
- Продолжаем изучать JavaScript и сегодня поговорим о свойствах, методах и событиях HTML форм. Изучим такие события как focus, blur, submit, change, input и другие. Разберем практические примеры работы с формами form и их элементами input select radio checkbox file и другими. Уроки JAVASCRIPT с нуля.
👉 Файлы урока - fls.guru/files/tutorials/js/j...
👉 Отправка формы на почту. Верстка валидация и отправка формы без перезагрузки. AJAX. PHPMailer: • Отправка формы на почт...
👉 Плейлист "Как это сделать?" - • Як це зробити? Туторіа...
🤟 БЕСПЛАТНЫЙ курс по верстке сайтов (HTML, CSS, JavaScript): • БЕСПЛАТНЫЙ курс по вер...
🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: / freelancerlifestyle
🔴 Курс по верстке: edu.fls.guru
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: / freelancerlifestyle
🔴 Instagram: / freelancer.lifestyle
00:00 - Введение
00:08 - Получение коллекции форм
03:00 - Получение коллекции элементов формы
05:33 - Работа с элементами форм
16:14 - События и методы форм и элементов
28:36 - Практические примеры
31:16 - Домашка
31:51 - Заключение
👉 @IT-ПРИСТРАСТІ, українськомовний канал присвячений інтерв'ю з цікавими IT-спеціалістами - / @itpassions
👉 @СЛУШАЙ! Канал с интересными историями из жизни
👋 Меня зовут Женя Андриканич, я IT - специалист, занимаюсь разработкой сайтов. На этом канале, я регулярно и в максимально доступном формате буду делиться с тобой своим опытом, наработками, секретами и лайфхаками!
Ссылка на канал: / freelancerlifestyle
🤟 Живи, а работай в свободное время! ©
🤟 РЕПОСТ! ЛАЙК! КОММЕНТ!
🔴 Карта канала: miro.com/app/board/o9J_lZB3YKI=/
🔴 Получить доступ к плюшкам + поддержать канал: www.patreon.com/freelancerlifestyle
🔴 Курс по верстке: edu.fls.guru
🔴 Telegram канал: t.me/freelancer_lifestyle (teleg.run/freelancer_lifestyle)
🔴 Telegram чат по верстке: t.me/flschat (teleg.run/flschat)
🔴 Facebook: facebook.com/freelancerlifestyle
🔴 Instagram: instagram.com/freelancer.lifestyle
Жень добавь меня в группу чата, я случайно ссылку на видео кинул туда. Меня забанили.
Жека пообещал, что теперь уроки будут выходить чаще - Жека стал выпускать уроки чаще. Отсюда вывод: Жека МУЖИК)) Как всегда спасибо тебе за качественный контент)
Посмотри в словаре что значит МУЖИК. К сенсею чтобы так обращаться...
@@Bars_Sl Я думаю можно найти много определений слова "МУЖИК". Я работаю на металлургическом комбинате и у нас это слово чуть ли не наивысшая похвала за проделанную работу. В любом случае я надеюсь, что из моего комментария понятно что именно я имел ввиду)
@@igorfeticov Если вы считаете это таким хвалебным словом, почему бы тогда вам не использовать женский аналог "баба" к женщинам в вашем окружении. "Настоящая баба", "молодая баба", "баба, можно я пройду?", "баба, сколько стоит пакет?", "спасибо баба, выручила" и тд. Полагаю"мужики" вокруг сразу поставят вас на место, у параши.
@@Bars_Sl Во-первых, лично я не считаю что слово "баба" аналог слова "мужик" и я в жизни ни разу не назвал ни одну девушку/женщину этим словом. Во-вторых, я оставил этот комментарий 2 недели назад и за это время его оценил 51 человек включая самого Евгения, которому, очевидно, этот комментарий понравился и он не увидел в нем ничего оскорбительного. Из чего возникают несколько вопросов: почему вам этот комментарий показался оскорбительным, откуда такая агрессия и при чем здесь "параша"?
@@igorfeticov Похоже вы не в курсе как произошла подмена понятий с этим словом. Всем известная фраза "настоящий мужик", поищите как её ввели в обиход и с какой целью. Просто жаль, что совеременные мужчины пренебрежение к себе считают нормой.
Очень интересные уроки!
Особенно интересно узнавать за то как работать с динамическими формами и другим динамическим контентом!!!
Жека, ты монстр нативного JS:) Я вот уже полгода работаю (пишу на реакте), но твои видосы по нативному джс реально держут в тонусе!
Очень много пользы. Жека - ты лучший препод.
Смотреть буду позже, но лайк обязан поставить уже сейчас. Жека, спасибо за уроки)
Жека, спасибо огромнейшее!!!!!!! Очень полезное видео!!! Как обычно урок законспектирую, для наилучшего изучения, и буду ждать следующих видео по JS. Ещё раз спасибо тебе за твою очень полезную и качественную работу!!!!
Я также конспектирую)) Привык так изучать с института, записал, повторил, попрактиковался. Конечно - это долго. Молодёжь наверно сразу всё набирает на компе, практикуясь. Но мне важно записать основное, тогда лучше запоминаю - визуально. И вернуться легче повторить. Всегда под рукой. А как Вы изучаете уроки Жеки? Интересно.
Сегодня мой день рождения!
И вот подарок - Ура!
Поздравляю!!!
Поздравляю!
Спасибо! Как всегда на высшем уровне 👍👍👍
Наконец-то про эти события. Жесть)) так же сильно как события я жду только асинхронные процессы))
Лайк ставлю однозначно. Посмотрю ролик после работы) Женек, херни не сделает)
Ух ты! Отлично неделя началась - новое видео от FLS!!!! 👍👍👍
Жека, дякую!!! обняв)) завдяки тобі я стану крутим розробником)
Очень полезное видео, как раз то что надо. Спасибо!
Как всегда збс контент)
Дякую за відео Женя. Вітаю з днем народження.
Спасибо тебе большое,твои уроки бесценны!
полезный контент
Это определенно лучший канал на всем Ютубе! Спасибо огромное!
Большое спасибо за такой качественный вклад в бесплатное обучение!🤝
Очень полезное видео и как раз в нужное время. Спасибо!
Огромная благодарность за уроки!!!
Как же долго я это искал! Спасибо, Женя) (17:05)
Жека, есть вопрос по созданию опции (new Option), можно ли вместо этого создавать опцию обычным методом, с помощью document.createElement?
Просто самый лучший,желаю только удачи во всех делах , ждём отдельный плейлист с реальными премьерами много используемых событие
Я человек простой, вижу ролик Жеки - ставлю лайк
Как же колокольчик и подписка?😀
@@Danny_BN25 он уже давно это сделал
Как всегда супер-пупер информация! Структура, примеры, спасибо!!!
Спасибо за шикарные уроки. Всех благ.
Всегда рады новым видео. Посмотрю позже, добавил в закладки. Зашёл, чтобы поддержать канал и эту тему.
Как всегда на уровне, спасибо )
Выше всех похвал! Благодарю!
Спасибо! 👍✨ Плейлист окончен, и радостно и грустно✨ ждём новых видео🙏
Спасибо
Ура новое видео по JS прям с утра спасибо 👍👍👍
Дякую за уроки! Дуже інформативно і не затягнуто)
спасибо, за труд! Как всегда на высоте!
Велике дякую за круте та інформативне відео, яке цікаво і приємно дивитись👍
Отличные примеры и понятное объяснение!
Дуже дякую за урок, як завжди все зрозуміло, а головне цікаво!
Спасибо большое) Я не прочь и повторить знания по формам
Жека спасибо
Спасибо, столько информации за пол часа - это нереально))
Пожалуйста!
Здорово! Спасибо огромное!
Вот с такой бы частотой всегда ролики выходили! Жека, давай уже про магический Интерсекшн Обзорвер, или как бишь его там.
Спасибо за уроки. Хорошая подача информации.
Всех благ!!! Лучший! И оставайся им!
Спасибо большое! Очень полезное видео.
Прям с утра с понедельника 👍😊
Годный контент. Даже не посмотрел, сразу ставлю лайк. Если б можно было, ставил бы 45 лайков.
Класс!!! Спасибо за скорость и урок!
С самого утра JS🤘
Спасибо огромное за видео!
Велике дякую за чудовий курс!
уже в конце плейлиста 50к просмотров. Какая же легкая конкуренция на самом деле если задуматься)
Аааа мужик ты крут. Дропаешь видосы просто молниеносно
Спасибо за видосы! От души!👍
Опа! + знания, отлично! 👍 спасибо Женя 🤩🤩🤩
Спасибо за урок. Завтра еще раз пересмотрю. Что бы уж точно усвоить.
кйф, Евгений, просто кайф! смотреть ваши видео - удовольствие. разрыв шаблона!
Если имя формы включает дефисы "form-name", то обратиться к ней получится только как к элементу массива document.forms['form-name'];
То же самое с элементами document.forms['form-name']["element-name"];
дякую!
Спасибо дружище за видео про работу с формой, очень помогло!!!
спасибо
Жєка, ти крутий! Дякую тобі за даний курс. "Я требую продолжения банкета!" =)))
ваші відео це просто якийсь клад для учнів. дякую
Дякую Вам
Спасибо за отличное объяснение!
Как во время! Кайф! Спасибо!!!!
Буквально только что познакомился с каналом, началом и концом этого плейлиста, так что не судите мой вопрос строго:) .
Я правильно понимаю, что то, что это видео является 50-м из 50-ти, является всего лишь совпадением и последующие видосы в данном плейлисте будут продолжать выходить далее, при чём по плану развития фронтенд разработчика, видос о котором выложен 30 августа 2021 ?
Да, будут выходить
Привет Жека, видео СУПЕР спасибо, я ещё не видел такого видео чтобы
вёрстка и JavaScript так тесно пересекались.👍
Подскажите,пожалуйста,почему не рабоатет:
//проверка поле на присутствие значений
const forbs = document.forms.forbs;
const forbsArea = forbs.textarea;
forbs.addEventListener("sumbit", function(event) {
console.log(`отправка`);
if (!forbsArea.value){
console.log(`напиши что-нибудь`);
event.preventDefault();
}
});
Когда вы говорите "коллекция", имеете в виду массив? В английском языке какое соответствие этому понятию?
Просто я всегда смотрел англоязычные туториалы, и немного путаюсь в терминологии.
Сейчас смотрю ваш канал так как очень качественный контент.
Молодец Женя как всегда здорово!!!!!!
Спасибо за работу!
Жека брат ты лучший🔥
Спасибо вам за ваши уроки! Домашка - огонь
Жека привет, а посоветуй книгу по правильному коддингу на JS
Спасибо большое за курс! Узнал много нового и интересного.
Лайк. Коментарии.
Качественный контент. Спасибо✊
Как всегда лучшие видосы!
Круто Жек)
Утро начинается не с кофем а с хорошим уроком по js
Совмести приятное с полезным)
Офигенный материал!
Женя!☀ Величезна повага! 👍
Чудово усвідомлюю, що ти, своєю позицією, втрачаєш суттєву частину прибутку, але робиш це! 💛💙
Пишаюсь, що ти - УКРАЇНЕЦЬ! 💥 Що такі розумні і талановиті - серед нас! 🌹
Привет, видео крайне помогло разобраться. Спасибо)
Жека вы супер пуперский препод, я стараюсь всегда искать все темы именно у Вас!!☺❤
Жека,ты безусловно очень хороший учитель,очень бы хотелось продолжение рубрики,понимаю что учить кого-то сложнее чем учиться самому,но все же у тебя хорошо получается
Спасибо!! Ты лучший!
Фух я прошел все🎉🎉🎉! теперь поновой😊!!
у меня когда выбираю файл почему то картинка не появляется ..только название файла и все .в чем может быть проблема?
@@JanTalan попробуй п оч.внемательно повторять урок!(у меня часто получается что ошибаюсь из-за не внемательности к мелочам)или скачай урок и эти форми скопируй себе и проанализируй внемательно.
@@r_y_k_u_s2746 понял спасибо за ответ ..сейчас возьмусь )))
Поставил лайк а смотреть буду вечером после работы
как всегда огромное спасибо за твои труды.... тема ещё сложнее предидущей... ну шо ж ... ПАХНАЛИ
Евгений, с наступающим Вас! Желаю Вам, Вашим близким, друзьям, всем кого вы знаете - крепкого здоровья, удачных дней и всего хорошего. Желаю побыстрее избавиться от наших наZистOV. Желаю размеренных, продуктивных будней, спокойной и плодотворной жизни 🙏🙏🙏 Надеюсь, переживаю и молюсь за Ваш народ. Уверен у Вас многое получается и получится ещё больше!
Вітаю з наступаючим новим роком, нехай він буде кращим, ніж минулі! ❤
Круто!
Лайк для продвижения видео и поддержки канала!
Такое классное объяснение урока, а просмотров так мало... Спасибо за уроки ))))
Спасибо Жека!!! ты лучший!!!!!!!!!!
Женек! Спасибо за классные уроки! Но хотелось бы видеть макеты в подходящем формате для Figm`ы. Фотошоп не то, а авокод сейчас на неделю бесплатный. Было бы очень удобно и круто)))
Почему NodeList и HTMLCollection оба возвращают живую коллекцию после создания новой формы через js?
Когда будет следующиииий???)
огромное спасибо!
Вау, если бы все видео уроки выходили с такой частотой, я б совсем избаловался