14. Формы в HTML. Атрибуты required, disabled, readonly, placeholder, inputmode, type и autocomplete

✏️ В этом видео мы рассмотрим дополнительные атрибуты для всех рассмотренных ранее полей форм, которые могут пригодиться в работе: required, disabled, readonly, placeholder, все вариации inputmode, его отличия от атрибута type, атрибут autocomplete, autofocus, form, minlength и maxlength, size, pattern, spellcheck, novalidate, rows и cols, wrap. 🔴 Timeline: ▶ 00:00​ | План урока ▶ 00:17​ | Атрибут required ▶ 00:52​ | Атрибут required и select ▶ 02:04​ | Атрибут disabled ▶ 02:37​ | Атрибут readonly ▶ 02:52​ | Разница readonly и disabled ▶ 03:14​ | Атрибут placeholder ▶ 03:32​ | Атрибут inputmode ▶ 03:43​ | inputmode text ▶ 03:46​ | inputmode none ▶ 03:55​ | inputmode numeric ▶ 04:08​ | inputmode decimal ▶ 04:16​ | inputmode tel ▶ 04:27​ | inputmode email ▶ 04:36​ | inputmode search ▶ 04:46​ | inputmode url ▶ 04:59​ | Разница inputmode и type ▶ 06:02​ | Атрибут autocomplete ▶ 06:21​ | Как браузер узнает, что предложить в autocomplete ▶ 07:40​ | Атрибут autofocus ▶ 07:53​ | Состояние фокуса ▶ 08:44​ | Атрибут form ▶ 10:13​ | Атрибут form на практике ▶ 10:47​ | Атрибуты minlength и maxlength ▶ 11:39​ | Атрибут size ▶ 12:35​ | Атрибут size для select ▶ 12:58 | Атрибут size для select с multiple ▶ 13:11​ | Атрибут pattern ▶ 13:40​ | Атрибут pattern, меняем текст браузерного предупреждения ▶ 14:14​ | Атрибут spellcheck ▶ 14:53​ | Атрибут novalidate ▶ 15:29​ | Атрибуты rows и cols ▶ 15:45​ | Атрибут wrap ▶ 16:19​ | Что дальше 📚 Полезные ссылки: ➖ Атрибут autocomplete на MDN: https://developer.mozilla.org/en-US/d...
➖ Атрибут autocomplete на doka.guide: https://doka.guide/html/autocomplete/
💬 Коммьюнити-чат в телеграме (помощь новичкам): https://t.me/FriendlyFrontend
🧑‍💻 Основной телеграм-канал: https://t.me/AleksanderLamkov
❤️ Boosty (поддержать автора): https://boosty.to/friendly-frontend
🗂️ Бесплатные курсы на канале: 🟠 HTML:    • HTML курс 2025   🔵 CSS:    • CSS курс 2025   🟡 JS:    • JavaScript курс 2025   🟢 A11y:    • Accessibility курс 2025   🗺 Frontend Roadmap:    • Frontend Roadmap 2024 | Что должен учить ф...   ⚪️ Мастер-класс по верстке для новичков:    • Адаптивная верстка сайта с нуля для начина...   🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Вёрстка сайта с 0 до результата | HTML, БЭ...   ⚫️ Мастер-класс по верстке с практикой по JavaScript:    • Вёрстка сайта с нуля • HTML, SCSS, JS прак...   🔴 Мастер-класс по верстке на стеке JSX, SCSS, JS, Vite, Minista (SSG), БЭМ: https://stepik.org/a/228315
📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/AleksanderLamkov
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Stepik (платные курсы и мастер-классы): https://stepik.org/a/228315
#frontend #фронтенд #html