Сайт своими руками


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


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


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

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

  • Автор: Saah
  • |
  • Комментариев: 0
  • |
  • Просмотров: 544
Поля ввода текста в 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).


Людям интересно:


Статья опубликована: 22-04-2016, 06:38

Сохраните для себя


Оставьте комментарий.
Ваше мнение будет полезно посетителям сайта:




Имя:* E-Mail:*
Полужирный Наклонный текст Подчеркнутый текст Зачеркнутый текст | Выравнивание по левому краю По центру Выравнивание по правому краю | Вставка смайликов Вставка ссылкиВставка защищенной ссылки Выбор цвета | Скрытый текст Вставка цитаты Преобразовать выбранный текст из транслитерации в кириллицу Вставка спойлера
Введите код: *
Использование материалов сайта приветствуется. При копировании и размещении данной информации на сторонних ресурсах, ссылка на сайт SiteY.ru желаема.