输入类型 时间 仅选择小时

Question

我可以将输入类型时间设置为仅选择小时，而不是选择分钟吗？我只想在 2：00 到 3：00 等小时内进行选择，没有任何分钟。

Answer 1

使用简单的选择标签，如下所示：

<label for="from">From: </label>
<select name="from" id="from">
<option value="1">1:00</option>
<option value="2">2:00</option>
<option value="3">3:00</option>
<option value="4">4:00</option>
<option value="5">5:00</option>
</select>
<label for="to">To: </label>
<select name="to" id="to">
<option value="1">1:00</option>
<option value="2">2:00</option>
<option value="3">3:00</option>
<option value="4">4:00</option>
<option value="5">5:00</option>
</select>

Answer 2

您可以使用输入类型="数字"并使用属性调整值。诸如此类：

<input type="number" id="yourId" name="yourName" min="1" max="24">

用户只能输入 1 到 24 小时之间的数字。为了美化您的设计，您可以在输入字段后使用一些标签，显示类似"小时"的内容来引用复数形式。

Answer 3

您可以使用step属性：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/time

<form>
<input type="time" required step="3600">
<button type="submit">Submit</button>
</form>