воскресенье, 30 августа 2009 г.

Формы HTML5

[тормоз]

Оказывается, будущее уже здесь. Всё же как приятно, что я не поленился разобраться в HTML5. Работать в кайф!

Сейчас доделываю маленький клёвый проект рекламной строки Daos и верстаю, естественно, в HTML5. Каково же было моё удивление, когда я увидел, что замечательная Opera уже поддерживает новые атрибуты форм:

Форма HTML5 в браузере Opera

Думаете, это я сам значки поставил через CSS? Нет, значками браузер обозначил особые поля типа URL и email соответственно. Естественно, в URL есть автоподстановка…

Opera: пример поля типа URL (HTML5)

Очень удобно! И никакого JS, валидацией форм занимается браузер. Вот ниже скриншот неправильно заполненного поля. Пока не очень красиво, но уже всё работает.

Браузер Opera: валидация формы HTML5

Причём, я сейчас не дома и пользуюсь не своим браузером, здесь установлена устаревшая версия — прошлогодняя Opera 9.52. Думаю, новая Opera про HTML5 знает ещё больше. Например, наверняка она должна понимать autofocus, который поддерживает Chrome (зато он пока не поддерживает типы полей).

Уже очень скоро все браузеры будут понимать все новшества HTML5. Даже IE стал совсем другим, он теперь даже опережает некоторых конкурентов. И это в то время, когда большинство вебмастеров в Рунете всё ещё верстают дедушкиными методами по стандартам прошлого века. На самом деле это просто очень глупо — HTML5 на порядок проще и удобнее. Вливайтесь.

Голова трещит от знаний, но нет идей?
Реклама в бомжеленте.

Помогите детям!

[http://brokenbrake.biz/2009/08/29/html5-forms]