Question

我有以下HTML5标记工作正常，但我想要额外的功能。

<input class="form-field-short" type="number" min="1" max="5" value="0" name="someName" />

我得到一个输入字段，选择范围是1到12。

现在我希望它允许字符串和当前选择。

For example.. 1, 2, 3, 4, 5, ABC, DEF, GHI, XYZ

在其他地方，在我的代码中，我也使用了<select><option></option></select>，但这不是我想要的。
我正在寻找能够在选择中显示数字和单词的<input type="number" ....>标签。

Answer 1

一个选项是数字文本输入，它还列出了一些非数字选项（通常在浏览器的下拉菜单中显示）：

<input type="text" list="list" inputmode="numeric"/>
<datalist id="list">
    <option value="ABC"/>
    <option value="DEF"/>
    <option value="GHI"/>
</datalist>

但是，如果整个选项集（包括数字）有限，那么<select>可能更合适，并且得到更广泛的支持：

<select>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="ABC">ABC</option>
    <option value="DEF">DEF</option>
    <option value="GHI">GHI</option>
</select>

请参阅this fiddle。

Answer 2

如果您希望为访问者提供选择，您应该使用下拉菜单：

   <select>
      <option value="1">1</option>
      <option value="AABB">AABB</option>
      <option value="9">9</option>
      <option value="XRZ">XRZ</option>
   </select>

HTML5

2 个答案: