HTML5實現input框下拉功能,模糊匹配功能



在做一個功能,一個輸入框,查詢之前的數據庫記錄,如果有記錄,則從下拉列表里取,如果沒有,則輸入框自己輸入。
本來以為需要插件,結果沒看到合適的插件,倒是找到了一個好用的demo:
不需要引用插件,h5下,所有代碼就這么多:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
<input list="source" id="ipt">
<datalist id="source">
    <option value="html5">
    <option value="css3">
    <option value="js">
    <option value="jquery">
    <option value="node">
</datalist>
</body>
</html>


免責聲明!

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



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