Создание веб-форм для веб-сайтов (практическое руководство)

Здесь вы узнаете, о чем идет речь в курсе и что вы можете ожидать.

Зачем вообще использовать HTML-формы и какие есть общие принципы?

Здесь создается проект, в который будет интегрирована первая форма.

Вы создаете свою первую простую форму и учитесь основной структуре.

Мы рассмотрим разнообразные варианты применения HTML-форм в веб-приложениях.

Ты учишься, как считывать и обрабатывать данные, введенные пользователями, с помощью JavaScript.

Я рассмотрю возможности оформления форм и представлю вам различные поля ввода.

Вы реализуете простую проверку электронной почты, чтобы убедиться, что введенные данные соответствуют формату электронной почты.

Мы занимаемся числовыми входами и соответствующими атрибутами для ограничения возможных значений.

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

Мы углубляемся в тему обработки событий и используем addEventListener для более гибких реакций.

Полный обзор различных input-типов и их свойств.

Мы выясним основные атрибуты, чтобы управлять поведением полей ввода.

Ты узнаешь, как выполнять сложные проверки с использованием регулярных выражений и атрибута required-.

Мы покажем вам, как включить или отключить проверку правописания в ваших формах.

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

Мы начнем с основ чекбоксов и их возможных применений.

Ты узнаешь, как считывать и устанавливать состояние флажков с помощью JavaScript.

Я покажу различные способы настройки внешнего вида флажков.

Я объясню работу радиокнопок и как их использовать в своих формах.

Ты узнаешь, как разрешить пользователям загружать файлы.

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

Я рассматриваю использование скрытых полей для передачи дополнительной информации.

Мы подведем итоги различных способов ввода чисел.

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

Я покажу тебе, как реализовать ввод даты и времени в своих формах.

Мы фокусируемся на специальных полях ввода для адресов электронной почты и URL.

Ты учишься выбирать цвета через палитру выбора цвета.

Я представляю вам поля ввода для поисковых запросов и номеров телефонов.

Вы узнаете, как реализовать многострочный ввод текста с помощью элемента textarea.

Я объясню, как создать выбираемые списки с помощью элемента select.

Ты узнаешь, как группировать опции в выпадающем списке.

Я покажу тебе, как создать списки предложений для полей ввода.

Вы узнаете, как активировать автозаполнение ввода.

Я объясню, как структурировать ваши формы с помощью элементов fieldset.

Полное руководство по клиентской валидации форм с использованием JavaScript.

Я покажу, как вы получаете отправленные данные формы на сервере с помощью Node.js и Express .

Ты узнаешь, как получать данные формы с помощью метода GET.

Я объясню, как вы получаете данные формы с помощью метода POST.

Мы начнем создавать проект React и интегрировать формы.

Ты учишься, как использовать различные элементы ввода в React.

Мы изучаем элементы select и textarea в React.

Я покажу, как обрабатывать формы с помощью JavaScript-фреймворка Alpine.js.

Я объясню, как ты интегрируешь формы в приложения Vue.js.