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

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

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

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

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

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

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

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

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


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

Неплохой урок. Есть полезные вещи.

Полезная инфа, спс.

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

< !doctype html>

Спасибо! Полезная информация.

otli4no!!!

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

Валентина, пожалуйста)

Определенно есть что применить, спасибо за урок !!!

Спасибо Дмитрий.Доброго здоровья.

Спасибо, Сергей! И Вам тоже)

Спасибо! Полезные вещи.

Злосчастный IE перечеркивает полезность сей фенечки сразу… :( Если это не корректно отображается во всех браузерах, то и зачем она тогда нужна… всё равно придется ставить условие п РНР :(

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

Вот полезная фишка для верстальщика 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; /* параметры радиуса*/

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

В 9 версии не работает, у меня как раз она и установлена на компьютере. Раз в 10 работает – отлично.

Дмитрий,спасибо!Информация полезная.

Спасибо за урок.


Оставить комментарий

Этот домен продается здесь: telderi.ru, и еще много других