用于在Html中记录持续时间的最佳输入类型

时间:2017-08-26 02:45:56

标签: html reactjs

我想在健身应用中创建一个字段来记录用户锻炼的持续时间。

html中的输入字段有时间类型,但设置为记录实际时间 - 02:30 PM。

<input type='time'/>

我找不到输入字段来记录这样的事情00:25:30 ...所以如果用户在25分30秒内运行5k,他们可以这样记录吗?

是否有最佳实践或其他可以处理此问题的html元素?如果不是,我将不得不在JS中编写代码以处理该格式的输入。

1 个答案:

答案 0 :(得分:2)

你可以尝试&#34;步骤&#34;属性。

&#13;
&#13;
document.getElementById("mytime").value = "19:36:24";
&#13;
<input id="mytime" type="time" step="1" />
&#13;
&#13;
&#13;

这是&#34; step&#34;的众多应用之一。属性,您可以将step属性设置为1,并可以获得精度为秒的时间。 这应该可以解决你的问题。