仅包含特定数字的 HTML 输入模式

Question

我希望值 100、200、300、400、500 仅在我的输入中有效。 我什至不想要值 101。那么我应该如何编写模式。

Answer 1

将此添加到您的元素中：

pattern="[1-5][0][0]"

例如：

<form>
<input type="text" pattern="[1-5][0][0]">
<input type="submit">
</form>

Answer 2

最简单和安全的方法是将下拉字段与 HTML 标记"选择"并将"选项"值添加为 100， 200。

<option value="100">100</option><option value="200">200</option>

这将最大限度地减少向用户发送的拼写错误验证消息。