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/friendlyFrontendChat

🔸 Boosty (поддержать канал):
https://boosty.to/friendly-frontend

🗂️ Бесплатные курсы на канале:
🟠 HTML:    • HTML курс 2024  
🔵 CSS:    • CSS курс 2024  
🟡 JS:    • JavaScript курс 2024  
🟢 A11y:    • Accessibility курс 2024  
⚪️ Мастер-класс по верстке для новичков:    • Верстка Kropp Fitness (HTML, CSS)  
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):    • Верстка Positivus (HTML, БЭМ, SCSS)  
🗺 Frontend Roadmap 2024    • Frontend Roadmap 2024 | Что должен уч...  

📌 Автор:
➖ Личный сайт: https://aleksanderlamkov.ru/
➖ Telegram: https://t.me/friendlyFrontend
➖ Boosty: https://boosty.to/friendly-frontend
➖ GetMentor: https://getmentor.dev/mentor/aleksand...
➖ Solvery: https://solvery.io/mentor/aleksanderl...

#frontend #фронтенд #html