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

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

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

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

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

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

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

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

Комменты

  • Здравствуйте Дмитрий
    Спасибо за урок, как всегда я от вас получаю ценные знания

  • Codelobster !!!! Вот самая лучшая программа!!!

  • Дмитрий, спасибо за полезный урок. Заметил, что Вы используете phpDesigner. Я вот тоже стал пользоваться этой программой и возник один важный вопрос: как переносить настройки программы (интересуют сниппеты) при переустановки Windows?
    Спасибо за помощь.

    • Дмитрий Валак: 31-03-2014 в 6:36

      Здравствуйте. Я уже давно использую другую программу. Если честно, не задавался этим вопросом.

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

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

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

    • Дмитрий Валак: 10-07-2013 в 22:18

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

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

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

    • Дмитрий Валак: 10-07-2013 в 18:36

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

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

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

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

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

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

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

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

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