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/docs/Web/HTML/Attributes/autocomplete ➖ Атрибут autocomplete на doka.guide: https://doka.guide/html/autocomplete/ 💬 Чат в телеграмме (помощь новичкам): https://t.me/friendlyFrontendChat 🔸 Boosty (поддержать канал): https://boosty.to/friendly-frontend 🗂️ Бесплатные курсы на канале: 🟠 HTML: https://youtube.com/playlist?list=PL0MUAHwery4ot0KmgGxlBSB7rXssLeA6h 🔵 CSS: https://youtube.com/playlist?list=PL0MUAHwery4o9I7QQVj_RP4ZVpmdx6evz 🟡 JS: https://www.youtube.com/playlist?list=PL0MUAHwery4qn4Y27iUxmzC-JiauX7vSL 🟢 A11y: https://youtube.com/playlist?list=PL0MUAHwery4r4gCA3AOtHgArM_UOb2QUV ⚪️ Мастер-класс по верстке для новичков: https://www.youtube.com/playlist?list=PL0MUAHwery4rqkzKF1mDBCIH_eZgjY6uN 🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS): https://www.youtube.com/playlist?list=PL0MUAHwery4rdZt-8E9p9zty2ZUCH6Ai3 🗺 Frontend Roadmap 2024 https://youtu.be/1WRJKgwlX9w?si=NjyzbyLMguVV4Frr 📌 Автор: ➖ Личный сайт: https://aleksanderlamkov.ru/ ➖ Telegram: https://t.me/friendlyFrontend ➖ Boosty: https://boosty.to/friendly-frontend ➖ GetMentor: https://getmentor.dev/mentor/aleksandr-lamkov-1480 ➖ Solvery: https://solvery.io/mentor/aleksanderlamkov #frontend #фронтенд #html