HTML文本輸入限制

我想問一個關於HTML代碼的問題。我有以下用戶界面讓用戶輸入數據。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"，我不能使用下拉列表。

來源

2010-11-01 Questions

它是** HTML **，而不是** HTTP **。 HTML是用於構建網站的標記語言。 HTTP是網頁在互聯網上傳輸的傳輸協議， – 2010-11-01 08:32:18

爲什麼不這樣做？你想限制字符數量還是可能的名字？（可能的名字見@Shoban的答案）爲什麼輸入類型=「文本」必須？ – helle 2010-11-01 09:01:37

@helle，一個固定的要求。 – Questions 2010-11-02 01:24:30

只有當您有一組預定義的名稱時，您纔有可能限制用戶只輸入有限數量的名稱。如果是這種情況，那麼不需要Inoutbox，你可以有一個下拉菜單。

爲什麼不嘗試用另一種方法解決問題？

取代與輸入值類似的名稱，嘗試獲取輸入值爲like的名稱。例如，如果用戶輸入Samxx，您可以顯示Sam。即將您的名稱集合與文本框值進行匹配。

來源

2010-11-01 08:26:26 Shoban

感謝您的回覆。我必須使用輸入類型=「文本」，而不是下拉列表。遺憾忘記提及。 – Questions 2010-11-01 08:29:43

表單提交後，使用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 

}

來源

2011-04-30 17:17:26

HTML文本輸入限制

回答

相關問題