Александр Ламков Friendly Frontend 14. Формы в HTML. Атрибуты required, disabled, readonly, placeholder, inputmode, type и a
🎯 Загружено автоматически через бота:
🚫 Оригинал видео:
📺 Данное видео является собственностью канала Александр Ламков — Friendly Frontend. Оно представлено в нашем сообществе исключительно в информационных, научных, образовательных или культурных целях. Наше сообщество не утверждает никаких прав на данное видео. Пожалуйста, поддержите автора, посетив его оригинальный канал: @AleksanderLamkov.
✉️ Если у вас есть претензии к авторским правам на данное видео, пожалуйста, свяжитесь с нами по почте support@, и мы немедленно удалим его.
📃 Оригинальное описание:
✏️ В этом видео мы рассмотрим дополнительные атрибуты для всех рассмотренных ранее полей форм, которые могут пригодиться в работе: 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:
➖ Атрибут autocomplete на :
💬 Чат в телеграмме (помощь новичкам):
🔸 Boosty (поддержать канал):
🗂️ Бесплатные курсы на канале:
🟠 HTML:
🔵 CSS:
🟡 JS:
🟢 A11y:
⚪️ Мастер-класс по верстке для новичков:
🔘 Мастер-класс по верстке для продвинутых (БЭМ, SCSS):
🗺 Frontend Roadmap 2024
📌 Автор:
➖ Личный сайт:
➖ Telegram:
➖ Boosty:
➖ GetMentor:
➖ Solvery:
#frontend #фронтенд #html