В справочнике HTML 5 есть мегаполезные улучшения в отношении форм. Уже давно можно использовать и радоваться, не дожидаясь повсеместного внедрения в браузерах. Очевидные проблемы со старыми формамиУ HTML4-форм есть известные проблемы:
Эти и многие другие, более мелкие, задачи решают расширения в HTML 5. Плохо, что ещё далеко не всё поддержано даже в самых последних версиях браузеров. Тем не менее, разные улучшения можно применять без проблем. Установка фокуса в элементах формы при загрузке страницыРаньше для автоматического фокусирования на элементе формы (напр., логине в форме авторизации) приходилось писать как-то так:
Теперь всё проще и понятнее:
Автофокус: (демонстрация автофокуса, перейти вверх страницы)
Значения-подсказки (placeholder)В некоторых случаях (напр., в поле поисковой формы) хочется указать значение, которое должно исчезать при фокусировке на данном поле. Раньше делали так:
Уже можно делать иначе, через атрибут
Placeholder:
Цвет и календарьИздревле для выбора цвета (компонент color picker) и календаря применялись какие-то в меру громоздкие библиотеки. Примеры приводить не буду, их легко нагуглить. Теперь же всё удобнее и компактнее:
Выбор цвета:
Календарь: Обязательные поля и валидацияЯ уже писал заметку про атрибут required. Про валидацию в HTML5 можно сказать то, что появились дополнительные штуки для упрощения этого процесса на клиенте. И если даже в браузере они не поддержаны, у вас всегда же есть ещё и надёжная серверная валидация, правда? Как сейчас можно валидировать:
Email:
Телефон: Почтовый индекс: Вообще, все новые типы полей можно посмотреть в документации. Дополнительно обязательно полистайте Web Forms - Dive Into HTML5. Что где поддерживается?Вышеприведённые улучшения работают полностью в последних версиях браузера Opera, частично в Webkit-браузерах (Safari и Chrome). В Mozilla Firefox 3.6 и Internet Explorer 9 никак не поддерживаются новые типы и атрибуты форм. Хитовые статьи про разработку сайтов
Рассылка новостей и новых статей
Сообщения будут приходить пару раз в неделю, не чаще
Объявления |
Об авторе заметок
Примите участие
Некоторые мои проектыОбъявления |
© Александр Шуркаев, 2001–2024. Условия копирования и как стать автором. Если что, пишите на alshur@ya.ru. Осторожно, теги закрываются! |
|