`

输入的文本框有记忆功能

 
阅读更多
<head id="Head1" runat="server">
    <title></title>
    <style type="text/css">
        #txtInput
        {
            height: 100px;
            width: 400px;
        }
    </style>
    <script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>
    <script src="Scripts/jquery.cookie.js" type="text/javascript"></script>
    <script type="text/javascript">
        var key = 'storage';
        function SaveText() {
            if (window.localStorage) {//是否支持本地存储
                localStorage[key] = $("#txtInput").val();
            } else {//如果不支持,就用cookie存储
                var date = new Date();
                date.setTime(date.getTime() + (30 * 60 * 1000));
                $.cookie("input", $("#txtInput").text(), { expires: date });
            }
        }
        $(function () {
            if (window.localStorage) {
                $("#txtInput").text(localStorage[key]);
            }
            else if ($.cookie("input")) {
                $("#txtInput").text($.cookie("input"));
            } else {
                $("#txtInput").text("");
            }
        });
    
    </script>
</head>
<body onbeforeunload="SaveText()">
    <form id="form1" runat="server">
    <div>
        <textarea id="txtInput" rows="5"></textarea>
    </div>
    </form>
</body>
</html>

 参考:http://www.cnblogs.com/chenxizhang/archive/2012/02/29/2373962.html

分享到:
评论

相关推荐

    文本框自动记忆功能的js示例

    在html文本框输入文字后,将内容保存到cookie,再次进入该页面时,自动读取cookie内容到相应文本框。对于许多重复数据的录入比较实用。使用方法,将文本框id作为参数赋给函数即可。

    带记忆功能的文本框 记录文本

    该程序会自动记忆你输入的文本,类似于百度的搜索引擎那种功能,你输入新的文本会记录到数据库,下次重启程序时会表现出来!

    如何禁止文本框的记忆功能方法集锦

    IE提供了一个自动完成功能可以记忆我们的输入内容(如帐号等),方便下一次快速地录入类似资料.这确实是一个非常友好的功能, 在操作时只需用鼠标双击文本框或输入前几个字符, 系统会自动列出以前的录入历史供你选择, ...

    计算机应用基础简答题.doc

    这样一来,页面布局 或文本框内容一旦调整,已经设置好的文本框要么会出现空白,要么文字溢出,只得在 各个文本框之间进行方案的剪切和粘贴,严重影响工作效率,这样就可以使用到文本框 的链接功能。 三、简述使用...

    新版计算机应用基础简答题.doc

    这样一来,页面布局 或文本框内容一旦调整,已经设置好的文本框要么会出现空白,要么文字溢出,只得在 各个文本框之间进行方案的剪切和粘贴,严重影响工作效率,这样就可以使用到文本框 的链接功能。 三、简述使用...

    计算机应用基础简答题(1).doc

    答:当用户需要在工作表中连续输入某些"顺序"数据时,例如"星期一、星期二……"、"甲 、乙、丙、丁……"等,可以利用Excel自动填充功能实现快速输入。这就是Excel"记忆式 填充功能"。 四、如何在输入时区别数字1,2,...

    Python开发带图形用户界面的计算器完整项目流程实战_优秀案例实例源代码源码.zip

    与早期计算机使用的命令行界面(类似 Python的IDLE窗口)相比,图形用户界面对于用户更加友好,用户不必记忆命令,使用鼠标等输入设备操控屏幕上的按钮或菜单等组件,就能直观、快捷地完成操作。本案例中计算器的图形用户...

    Python开发带图形用户界面的计算器完整项目流程实战_编程案例实例详解课程教程.pdf

    与早期计算机使用的命令行界面(类似 Python的IDLE窗口)相比,图形用户界面对于用户更加友好,用户不必记忆命令,使用鼠标等输入设备操控屏幕上的按钮或菜单等组件,就能直观、快捷地完成操作。本案例中计算器的图形用户...

    文章管理器v3.3.6.5.rar

    02、文章标题框自由拉伸并有记忆功能 03、兼容更多文本格式、unicode编码&gt; 04、文章搜索布局修改成“搜索引擎”样式 05、添加“字体大小”、“文字颜色”的选项卡 06、页面布局调整为“右侧工具栏”,自动...

    电脑高手必备 Windows系统35招实用技巧

    量到CD唱机、PC扬声器等单项输入输出的音量控制功能。你也可以通过选择 “静音”来关闭相应的单项音量。  (8)单击“音量”选项卡中的“扬声器设置”区域中的“高级”按钮后, 在弹出的“高级音频属性”对话框你...

    《计算机应用基础》练习题.doc

    14、对话框的元素有按钮、文本框、列表框、单选按钮、复选按钮、组合框和( ) 15、Windows界面窗口右上角的表示( )按钮,表示( )按钮。 16、预定义的、用来代替某些菜单命名的特殊组合称为( )。 17、Windows...

    delphi 开发经验技巧宝典源码

    0215 控制在文本框中只能输入两位小数 143 0216 如何把选择的文件图标显示在列表中 143 0217 根据表格中的数据长度自动调整表格宽度 144 7.2 ADO数据处理技术 145 0218 如何把ADO中的数据导入到ListBox中 ...

    delphi 开发经验技巧宝典源码06

    0215 控制在文本框中只能输入两位小数 143 0216 如何把选择的文件图标显示在列表中 143 0217 根据表格中的数据长度自动调整表格宽度 144 7.2 ADO数据处理技术 145 0218 如何把ADO中的数据导入到ListBox中 ...

Global site tag (gtag.js) - Google Analytics