Хаки и Скрипты Next Generation CMS

Новые типы input полей

irbees2008 irbees2008 Опубликовано - 30 - мая HTML5
2723 - 0
  • Автор: --------------
  • Адаптировал: irbees2008
  • Уровень сложности исполнения: Справочник



HTML5 введены новые типы input полей. Они позволяют писать более правильный код, адаптированный для мобильных устройствах. Например при использовании типа email происходит автоматическая валидация введенного текста, на предмет идентичности адресу электронной почты и тд.

Код:
<input type="url"> <!-- поле для ввода URL адреса -->
<input type="email"> <!-- поле для ввода адреса электронной почты -->
<input type="color"> <!-- поле для выбора цвета -->
<input type="date"> <!-- поле для выбора даты -->
<input type="datetime"> <!-- поле для выбора даты и времени (с часовым поясом) -->
<input type="datetime-local"> <!-- поле для выбора даты и времени (без часового пояса) -->
<input type="month"> <!-- поле для выбора месяца и года -->
<input type="number"> <!-- поле для ввода числового значения -->
<input type="range"> <!-- бегунок для выбора числа из диапазона -->
<input type="search"> <!-- тип поискового поля -->
<input type="tel"> <!-- поле для ввода номера телефона -->
<input type="time"> <!-- поле для ввода времени -->
<input type="week"> <!-- поле для выбора недели и года -->

Можешь почитать и вот эту статейку "Немного о размерах шрифтов"

Опрос

Ваше мнение

Как вам наш дизайн сайта?
Результаты

Последние комментарии

Теги

Anything in here will be replaced on browsers that support the canvas element

Статистика

  • Caйту: 4612 дней
  • Новостей: 568
  • Комменты: 257
  • Зарегистрированно : 673
  • Онлайн всего: [15]
  • Гости: [15]
  • Были сегодня : [1] Google
  • SQL запросов: 30
  • Генерация страницы: 0.443сек
  • Потребление памяти: 5.157 Mb 
  •   Яндекс.Метрика