如何使时间输入HTML步骤30分钟和隐藏秒

Question

如何仅使HTML 30的时间输入步长30分钟并隐藏秒数，并防止用户输入超出范围的数字？

Answer 1

根据docs on dropdown，这样做是可行的。

<label for="hr">Hour</label>
  <select name="hr" id="hr">
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
<!-- do it for each hour -->
  </select>
  <br><br>

<label for="min">Minute</label>
  <select name="min" id="min">
    <option value="30">30</option>
    <option value="00">00</option>
  </select>
  <br><br>

您还可以查看日期/时间选择器库，但需要一些JS。最好是坚持使用您可以控制的值的下拉菜单。祝你好运