Question

我想问一个关于HTML代码的问题。我有以下用户界面让用户输入数据。

文本框
按钮

以下是代码：

<input type="text" id="userid" name="userid" value="Please enter your user ID" />
<input type="button" id="enterButton" name="enterButton" value="Enter" />

我已经实现了自动完成功能。就像你搜索谷歌一样，它会给你一个建议清单。我的建议清单如下：

Sam
Tom
Chris

我的问题是，是否可以限制用户输入文字？

就像，用户只能进入Sam，Tom和Chris。用户不允许进入Samxx和Tay等，谢谢。

P.S：我必须使用input type="text"，我无法使用下拉列表。

Answer 1

只有拥有一组预定义名称时，才可以限制用户仅输入有限数量的名称。如果是这种情况，则不需要Inoutbox，您可以有一个下拉列表。

为什么不尝试用另一种方法解决问题？

不是获取与输入值类似的名称，而是尝试获取输入值like的名称。例如，如果用户输入Samxx，您可以显示Sam。即将您的名称集与文本框值匹配。

Answer 2

提交表单后，使用javascript测试文本字段的值。 E.g：

if (document.getElementById("userid").value==="Sam"||document.getElementById("userid").value==="Tom"||document.getElementById("userid").value==="Chris"){
//Code to accept data

}

else{

//Do nothing or alert the user that a different value is expected

}

HTML文本输入限制

2 个答案: