Вниз  HTML5
- 27.11.2012 / 00:53
Erwerk
  Пользователь

Erwerk 
Сейчас: Offline
Предлагаю обсуждать здесь новые html5 теги и технологии AppCache, LocalStorage
Ссылки с подробностями (web)
  Справочник + Перевод книги про развитие html5
Про LocalStorage
Про AppCache

Список новых html5 тегов:
Открыть спойлер


Презагрузка страниц для Google Chrome и Firefox:
Открыть спойлер


Изменено Erwerk (24.01 / 20:19) (всего 5 раз)
- 27.11.2012 / 01:12
Erwerk
  Пользователь

Erwerk 
Сейчас: Offline
Обновление Полей Ввода:

Атрибут required сообщает что форма обязательна к заполнению.
Пример:
  1. <input type="text" name="name" required>

Атрибут autofocus позволяет автоматически передавать фокус нужному полю
Пример:
  1. <input type="text" name="name" autofocus>

Атрибут placeholder добавляет фоновый текст к форме
Пример:
  1. <input type="text" name="name" placeholder="Введите Имя">

Также появились новые значения атрибута type:
  1. <input type="search" > Для поиска
  2. <input type="number"> Для ввода чисел
  3. <input type="range"> Ползунок
  4. <input type="color" > Для выбора цвета
  5. <input type="tel" > Для телефонного номера
  6. <input type="url"> Для веб-адресов
  7. <input type="email" > Для почтовых адресов
  8. <input type="date"> Для выбора календарной даты
  9. <input type="month"> Для месяца
  10. <input type="week"> Для недели
  11. <input type="time"> Для времени
  12. <input type="datetime"> Для указания даты и времени
  13. <input type="datetime-local"> Для местной даты и времени
Для значений "number" и "range" доступны атрибуты
min - Минимальное значение
max - Максимальное значение
step - Шаг
Пример:
  1. <input type="number" min="0" max="10" step="2" value="6">

Для значения "color" цвет по умолчанию задается в формате #ff00ff или словом по англ. (например "red")
Пример:
  1. <input type="color" value="#ffooff>

Если браузер не поддерживает подобные типы полей ввода то он отобразит стандартное текстовое поле.

Изменено Erwerk (27.11 / 01:15) (всего 1 раз)
- 27.11.2012 / 01:39
Erwerk
  Пользователь

Erwerk 
Сейчас: Offline
Если интересно про AppCache могу написать =)
- 27.11.2012 / 02:05
Bogdan-G
  Пользователь

Bogdan-G 
Сейчас: Offline
Erwerk, напиши,чем больше инфы тем лучше.
- 27.11.2012 / 18:38
Dinisimys
  Пользователь

Dinisimys 
Сейчас: Offline
Вроде, насчет изменений в полях ввода, там не во всех браузерах все раюотает.
- 27.11.2012 / 18:45
mrEDitor
  Пользователь

mrEDitor 
Сейчас: Offline
Dinisimys, так это ж еще не доработанный стандарт, оно и не обязано :gg:
- 27.11.2012 / 18:50
Dinisimys
  Пользователь

Dinisimys 
Сейчас: Offline
Что не понимает браузер, то он читает как тип "текст". Например тип "е-маил": на смартфонах(и т.п.) на клавиатура будет подстроена под ввод именно е-маила, там знак @ и т.д.
- 27.11.2012 / 22:24
ВитаминКО
  Супермодератор

ВитаминКО 
Сейчас: Offline
Dinisimys, у меня клава везде одинаково настраивается, кроме числовых полей, там, естественно, только числа
__________________
 わからない!!
- 28.11.2012 / 15:28
Erwerk
  Пользователь

Erwerk 
Сейчас: Offline
Dinisimys, ну написал же в конце :
"Если браузер не поддерживает подобные типы полей ввода то он отобразит стандартное текстовое поле."
- 28.11.2012 / 20:01
Maxxxl123
  Пользователь

Maxxxl123 
Сейчас: Offline
Erwerk, а что канвас делает? :)
Наверх  Всего сообщений: 38
Фильтровать сообщения
Поиск по теме