HTML文本输入限制

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

文本框

钮扣

代码如下：

<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。用户不允许进入Samxx和Tay等，谢谢

---

p.S:我必须使用

input type=“text”

，我不能使用下拉列表。

只有在您有一组预定义名称的情况下，才可能限制用户只键入有限数量的名称。如果是这种情况，则不需要输入框，您可以使用下拉列表

为什么不尝试用另一种方法来解决这个问题呢

---

不要获取与输入值相似的名称，而是尝试获取与输入值类似的名称。例如，在您的情况下，如果用户在

Samxx

中键入，则可以显示

Sam

。i、 e将名称集合与文本框值匹配

只有当您有一组预定义的名称时，才可能出现限制用户只键入有限数量的名称的问题。如果是这种情况，则不需要输入框，您可以使用下拉列表

为什么不尝试用另一种方法来解决这个问题呢

---

不要获取与输入值相似的名称，而是尝试获取与输入值类似的名称。例如，在您的情况下，如果用户在

Samxx

中键入，则可以显示

Sam

。i、 e将名称集合与文本框值匹配

表单提交后，使用javascript测试文本字段的值。例如：

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

}

---

提交表单后，使用javascript测试文本字段的值。例如：

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

}

---

谢谢你的回复。我必须使用输入类型=“text”，而不是下拉列表。对不起，忘了提了。谢谢你的回复。我必须使用输入类型=“text”，而不是下拉列表。对不起，忘了提一下。它是HTML，不是HTTP。HTML是用于构建网站的标记语言。HTTP是通过internet传输网页的传输协议，为什么wan不这样做？是否要限制字符数或可能的名称？（可能的名称见@Shoban的答案）为什么输入type=“text”是必须的？那么，原因是什么？请帮我问一下你的客户。这是HTML，不是HTTP。HTML是用于构建网站的标记语言。HTTP是通过internet传输网页的传输协议，为什么wan不这样做？是否要限制字符数或可能的名称？（可能的名称见@Shoban的答案）为什么输入type=“text”是必须的？那么，原因是什么？请帮我问问你的客户。