👩‍💻 Если хотите ограничить ввод в поле формы — атрибут pattern вам в помощь!

С его помощью можно задать регулярное выражение, которому должно соответствовать введённое значение.

Особенно полезен, когда вы хотите контролировать формат: телефон, пароль, ссылка — всё это можно заранее «обрисовать» через pattern.

Но не забудьте:

• Работает только с <input> и типами вроде text, tel, email, password и т.д.
• Проверка сработает только при отправке формы через <form>.

Бонус: можете добавить атрибут title, чтобы пользователь сразу понял, что не так.

Главное — не усложняйте! Простые и понятные правила = довольный пользователь.

📣 Code Ready | #атрибут

☕️ Наткнулся на отличную статью на Хабре — создание форм входа и регистрации без единой строчки JavaScript!

В статье:
• Как с помощью HTML5 и CSS3 сделать переключение между формами через :target.
• Стильные анимации и иконки через data-атрибуты.
• Продвинутые стили форм и плавные переходы с использованием CSS3.

🔊 Продолжай читать на Habr!

📣 Code Ready | #статья

👩‍💻 Front-End Development Masterclass

Практико-ориентированный курс по фронтенд-разработке, в котором вы создадите полноценные проекты с нуля. Курс охватывает HTML, CSS, JavaScript, работу с препроцессором Sass, а также подключение внешних библиотек и современные подходы к вёрстке и дизайну.

Ссылочка на плейлист: YouTube 🖤

📣 Code Ready | #курс

JSRobot — небольшая игра, в которой вам предстоит управлять роботом с помощью Javascript для преодоления препятствий и решения головоломок.

📌 Ссылочка: antemalkah.jsrobot

📣 Code Ready | #ресурсы

CodeRun — платформа для решения задач от Яндекса. Все задачи распределены по таким направлениям как фронтенд, бэкенд, машинное обучение, аналитика данных и мобильная разработка. Каждая задача имеет свой уровень сложности.

📌 Ссылочка: coderun.yandex.ru

📣 Code Ready | #ресурсы