要注意的是，使用這種下拉的智慧型提示框也要注意場合。比如在一些要選擇不是太多的場景下，使用一般的下拉框其實就可以了。而如果在需要使用者在很多資料中去選擇，則可以建議使用datalist下拉建議提示框，因為可以方便使用者快速檢索去選擇。
國家選項：輸入國家的英文本元，下拉列表會提示相對應的國家英文單詞（label值）。選擇國家英文名（label值）後，輸入框值會跳到相對應的國家中文名（value值）
當然，datalist也有限制和不足之處，體現在：
1）不能使用css去隨意控制或改變其下拉建議列表中的項
2）不能控制datalist的位置
3) 不能控制每次當使用者輸入多少個字元後，就出現下拉建議列表
4）不能控制大小寫敏感，或當匹配什麼樣的字元就出現下拉建議列表
5）不能將其與服務端的資料來源繫結
更多：html 標籤的使用詳解
H5表單屬性
form formaction formmethod placeholder autofocus list autocomplete list 指定文字框提供建議值的datalist元素，其值為datalist元素的id值。maxlength 設定文字框最大字元長度。pattern 用於輸入印證的正...
H5新增表單
新增表單型別如下 屬性值說明type email 限制使用者輸入必須為email型別 type url 限制使用者輸入必須為url型別 type date 限制使用者輸入必須為日期型別 type time 限制使用者輸入必須為時間型別 type month 限制使用者輸入必須為月型別 type we...
0326 H5新增表單元素
郵箱td html5 智慧型表單 h5新增input的form屬性，用於指向特定form表單的id，實現input無需放在form標籤之中，即可通過表單進行提交。input元素的新增屬性 autocomplete 自動完成功能.記錄使用者之前輸入的內容，並在下次輸入時自動提示完成輸入。屬性值 on ...