Изучаем HTML5. Полезные атрибуты при работе с формами

Приветствую друзья. Вчера как только проснулся, сразу захотел записать для вас небольшой урок посвященный изучению HTML5, а точнее некоторым полезным атрибутам при работе с формами.

Их использование абсолютно безопасно и работает на всех современных браузерах, только IE не радует, но ничего страшного. Более того, никаких особых познаний HTML5 вам не понадобится, там все очень просто и легко запоминается.

Я был голодный и немного сонный, но урок получился неплохой

Выставляйте обязательно качество HD.

Скачать исходники

Друзья, делимся своими мыслями и вопросами в комментариях, буду рад дать обратную связь. Спасибо, всем кто делится информацией в соц.сетях! Всем удачи, до связи.

Обсуждение. Оставлено 19 коммент.

09-07-2013 | Александр
	Неплохой урок. Есть полезные вещи. Ответить

09-07-2013 | Eldar
	Полезная инфа, спс. Ответить

09-07-2013 | Артур
	А в самом верху индексного файла что писать, чтобы браузер понял что ниже будет идти html5, а не html4? Такая длиннющая строка, где есть DTD и прочая белиберда – как нужно ее писать? Ответить

09-07-2013 | Дмитрий Валак
	< !doctype html> Ответить

09-07-2013 | Александр
	Спасибо! Полезная информация. Ответить

09-07-2013 | Delovoj
	otli4no!!! Ответить

10-07-2013 | Валентина
	Дмитрий, просто здорово! Не ожидала, что это делается так легко. Благодарю Вас за ценный урок! Беру на вооружение. Ответить

10-07-2013 | Дмитрий Валак
	Валентина, пожалуйста) Ответить

10-07-2013 | Вадим
	Определенно есть что применить, спасибо за урок !!! Ответить

10-07-2013 | Сергей
	Спасибо Дмитрий.Доброго здоровья. Ответить

10-07-2013 | Дмитрий Валак
	Спасибо, Сергей! И Вам тоже) Ответить

10-07-2013 | Alex
	Спасибо! Полезные вещи. Ответить

10-07-2013 | Владимир
	Злосчастный IE перечеркивает полезность сей фенечки сразу… Если это не корректно отображается во всех браузерах, то и зачем она тогда нужна… всё равно придется ставить условие п РНР Ответить

10-07-2013 | Дмитрий Валак
	В любом случае нужно проверять на уровне сервера, о чем я говорил в видео. Использовать эти атрибуты не составляет никакого труда. Это некий бонус и красивый элемент проверки формы без перезагрузки страницы и без использования jquery. Я не вижу особой причины ими не пользоваться, только потому, что IE не переваривает их. Ответить

10-07-2013 | Владимир

Вот полезная фишка для верстальщика Html-css: box-shadow: 0 0 15px black; /* Параметры тени */ box-shadow: 0 0 15px rgba(0,0,0,0.5); /* Параметры тени */ -moz-box-shadow: 0 0 15px rgba(0,0,0,0.5); /* Для Firefox */ -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.5); /* Для Safari и Chrome */ -moz-border-radius: 10px; /* параметры радиуса для firefox */ -webkit-border-radius: 10px; /* Для Safari и Chrome */ border-radius: 10px; /* параметры радиуса*/ Ответить

10-07-2013 | Александр
	Спасибо, Дмитрий! Полезная информация! В IE10 проверял, – всё работает чётко. В 9 версии не пробовал, 8 нет :-). Ответить

10-07-2013 | Дмитрий Валак
	В 9 версии не работает, у меня как раз она и установлена на компьютере. Раз в 10 работает – отлично. Ответить

11-07-2013 | Иван
	Дмитрий,спасибо!Информация полезная. Ответить

12-07-2013 | Ашраф
	Спасибо за урок. Ответить