Skip to main content

Все о

Всё о ВОГОНАХ: МонстрОбзор фильма и книги «Автостопом по Галактике» (Июнь 2026)

Всё о ВОГОНАХ: МонстрОбзор фильма и книги «Автостопом по Галактике» (Июнь 2026)
Anonim

Тип ввода времени в HTML5 позволяет пользователю ввести время. Собираются как час, так и минуты, а также то, является ли это или нет. Выбор часового пояса отсутствует. В некоторых браузерах на самом деле могут отображаться часы или другое устройство ввода управления датой, чтобы пользователи могли быстрее отправлять время.

Как использовать тип ввода времени

Вы можете видеть, как выглядит HTML-код на живой веб-странице в JSFiddle. Выражение может быть завернуто в форму, и текст может быть добавлен для инструкций. Вы можете выбрать месяц, день и год, как показано в этих примерах.

Поддержка веб-браузера

Поддержка ввода времени разбросана по каждому веб-браузеру, включая Chrome, Safari, Opera, Firefox и Internet Explorer. В некоторых браузерах отображается обычное текстовое поле, в котором вы должны ввести время и переключиться между часами и часами. Другие могут включать селектор даты или вообще ничего не показывать.

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

Если данные, собранные в этом поле, должны соответствовать определенному стандарту даты, вы можете использовать этот тип ввода и проверить, что содержимое - это время со сценарием или CGI. Это также охватывает ваши базы для старых браузеров и способ возврата к типу ввода текста.

Атрибуты времени ввода

Вы можете использовать следующие параметры с типом ввода времени:

  • автозаполнения
  • список
  • Максимум
  • мин
  • только для чтения
  • требуется
  • шаг
  • valueAsNumber
  • selectedOption
  • Шаг вниз()
  • StepUp ()