数字和特殊文本的HTML输入 - 用户友好

Question

在我的html表单中，inputtag应该是一个数字（所以我指定数字类型），但有些数字有特殊的含义。就像天数到期时输入标记可以有任意天数但是如果用户想要指定No Expiry我希望0作为输入，那么传达我显示占位符文本

1, 2, 30, 0 (No Expiry) etc.

它似乎不是用户友好的，因为输入最初可能有一些数字，这会隐藏信息并使用户感到困惑。

另外，我需要输入一个数字，但也允许用户使用以下值：

Unlimited

我不希望用户输入此内容。处理这个问题的最佳方法是什么？

Answer 1

如果您不必使用输入标记，则听起来像下拉列表。正如您所说，您不希望用户键入。所以一个简单的下拉列表就是这样的：

<select>
  <option value="0">No Expiry</option>
  <option value="Unlimited">Unlimited</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <!-- more option -->
  <option value="3">3</option>
</select>

您可以在此处查看效果：https://jsfiddle.net/nx1Lt86g/