首页 > 代码库 > Input自动补全,并且将输入的数据存放到本地

Input自动补全,并且将输入的数据存放到本地

<!DOCTYPE HTML PUBLIC
        "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd">
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <script src="http://www.mamicode.com/jquery.js"></script>
        <script src="http://www.mamicode.com/bower_components/jquery-ui/jquery-ui.min.js"></script>
        <script src="http://www.mamicode.com/bower_components/store.js/store.js"></script>
        <link rel="stylesheet" href="http://www.mamicode.com/bower_components/jquery-ui/themes/ui-lightness/jquery-ui.min.css"/>
        <link rel="stylesheet" href="http://www.mamicode.com/jquery.ui.autocomplete.css"/>
        <script>
            $(function () {
                //todo:id should be an array

                function inputSave(inputTextId, storeId, num) {
                    var ele = $(‘#‘ + inputTextId);
                    if (ele[0].tagName != "INPUT") {
                        return;
                    }
                    var inputValue = http://www.mamicode.com/$.trim(ele.val());"jack", "jack", 10);
                });
                $(‘#clearBtn‘).click(function () {
                    localStorage.removeItem("jack");
                    localStorage.removeItem("zen");
                    console.log(‘clear data ok!‘);

        });
    </script>
    <title></title>
</head>
<body>
<div class="ui-widget">
    <input type="text" id="jack" placeholder="this is test"/>
    <input type="text" id="zen" placeholder="this is test"/>
    <label for="tags">Tags: </label>
    <input id="tags">
    <button id="saveBtn" class="ui-button-text-icons">Save Input Data to Local</button>
    <button id="clearBtn" class="ui-button-text-icons">Clear localData</button>
</div>
</body>
</html>

Input自动补全,并且将输入的数据存放到本地