input輸入提示歷史記錄


一般便於用戶的輸入習慣,我們都會提示歷史消息,讓用戶有更好的使用體驗,以前可能比較多朋友會用js來實現,現在HTML5的datalist可以輕松幫我們實現這個功能!只需以下幾行代碼

<!doctype html>  
<html lang="en">  
<head>  
    <meta charset="UTF-8">  
    <title>datalist</title>  
</head>  
<body>  
<label>城市 : </label><input id="country_name" name="country_name" type="text" list="city" />  
<datalist id="city">  
    <option value="中國 北京">  
    <option value="中國 上海">  
    <option value="中國 廣州">  
    <option value="中國 深圳">  
    <option value="中國 東莞">  
</datalist>  
</body>  
</html>  

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM