HTML - Пользовательский ввод с минутами и секундами

Question

Я пытаюсь сделать ввод HTML, где я могу ввести до 100 минут и 59 секунд.

Вход должен быть как вход времени.

Есть ли кто-нибудь с идеей, что я могу сделать?

Answer 1

Либо вы делаете некоторые javascripting, либо начинаете использовать фреймворк. Не JQuery может поддержать вас в этом, но вот некоторые примеры JQuery, чтобы начать с: http://www.sitepoint.com/10-jquery-time-picker-plugins/

Answer 2

HTML, способ сделать это состоит в использовании <input type=time> с атрибутом max. Предполагая, что требуемый минимум равен нулю, вот код:

<input id=foo name=foo type=time min="0:00" max="100:59">

Browser support по-прежнему ограничивается WebKit браузеров. Разметка изящно деформируется на простое текстовое поле ввода в других браузерах, но вы можете захотеть добавить код JavaScript для проверки синтаксиса ввода в этом случае.

Answer 3

Возможно, вы могли бы самостоятельно закодировать интерфейс и интерактивность, поскольку эта функция пока не реализована в браузерах (из чего пояснил Юкка К. Корпела). Я могу попытаться помочь с кодом, если вы заинтересованы. Пожалуйста, напишите комментарий, показывающий ваш интерес, если вы хотите, чтобы я помог.