Авторизация все шаблоны для dle на сайте newtemplates.ru скачать

Поля ввода текста в HTML5

Поля ввода текста в HTML5

До появления HTML5 вводить адреса электронной почты, номера телефонов, URL-адреса или поисковые термины можно было, только используя универсальное поле ввода текста. В HTML5 значения полей ввода email, tel, url и search подсказывают браузеру, какого рода информацию ожидать. Эти новые поля используют старые атрибуты (name, maxlength, size, valu e), а также ряд новых атрибутов HTML5.

Каждое из этих полей ввода, как правило, отображается в виде однострочного текстового. Однако поддерживающие их браузеры могут выполнять некоторые интересные действия с дополнительной семантической информацией. Например браузер Safari в операционной системе iOS использует тип поля ввода, чтобы отобразить клавиатуру, подходящую для целей ввода, например кнопку Найти (Search) для поля ввода search или клавишу .соm, когда устанавливается поле ввода url. Браузеры обычно добавляют в поле поиска значок «Очистить поле», действующий в одно касание (как правило, это маленький символ X). Браузер, поддерживающий эти поля, может проверить введенные пользователем данные, чтобы убедиться, что они верны, например, что в тексте, введенном в поле email, соблюдена стандартная структура адреса электронной почты (раньше для проверки требовался сценарий javascript). Например, браузер Firefox отображает предупреждение, если введенные данные не соответствуют ожидаемому формату.

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

Некоторые новые атрибуты полей ввода текста в HTML5:
<input type="search "> - Поле поиска;
<input type="email"> - Адрес электронной почты;
<input type="tel"> - Номер телефона;
<input type="url"> - Расположение (URL-adpec).


Оставить комментарий
Навигация по сайту
  • Скачать 1
  • Скачать 2
  • Скачать 3
Универсальный шаблон готового сайта UseSite

Универсальный шаблон готового сайта UseSite


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

Подробнее →  

  • Просмотров: 25 935
Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей

Готовый сайт оплаты и доставки электронного товара. OnPay Система платежей


Готовый шаблон сайта для продажи и доставки электронных товаров. Автоматическая оплата товара и мгновенная его отправка покупателю. Шаблон настроен для работы с платежной системой OnPay. Персональный аттестат WebMoney не...

Подробнее →  

  • Просмотров: 7 989
Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров

Редактируем шаблоны готового сайта. Скачать книгу для начинающих вебмастеров


Вам не обязательно быть программистом, достаточно научиться понимать и редактировать уже написанный код. Данное руководство предназначено для новичков в вебстроительстве. Рассчитано на работу со специально созданными шаблонами...

Подробнее →  

  • Просмотров: 13 856

 

 

Нименование Количество Цена / 1 шт.
Всего: 0 руб.