`

输入的文本框有记忆功能

 
阅读更多
<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示例

    文本框自动记忆功能是网页开发中的一个便捷特性,它能够提升用户体验,特别是在用户需要多次输入相同或相似数据的情况下。这个JS示例展示了如何利用JavaScript和Cookie技术实现这一功能。Cookie是一种在用户浏览器端...

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

    在IT领域,开发一个带有记忆功能的文本框是一项常见的需求,尤其在构建用户交互界面时。这个程序的设计目的是为了提供类似百度搜索引擎那样的用户体验,能够自动记录并显示用户曾经输入过的文本。下面我们将深入探讨...

    winform文本框实现百度效果以及搜索记忆功能

    自动补全是当用户在文本框中输入文字时,程序会根据已有的数据集提供可能的匹配项,以方便用户快速完成输入。在Winform中,可以使用`TextBox`控件的`AutoCompleteSource`和`AutoCompleteMode`属性来实现。例如,你...

    如何禁止文本框的记忆性输入?

    ### 如何禁止文本框的记忆性输入? 在网页开发过程中,我们经常会遇到这样一个需求:需要禁止浏览器自动填充或记忆用户在表单中输入的信息。这种功能对于保护用户隐私、提高安全性非常有帮助。本文将详细介绍如何在...

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

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

    为什么一个网站的网页文本框里有我之前在别的其它网站网页中输入过的值,历史记录 这是什么原理.zip

    网页文本框中显示之前在其他网站输入过的值,这主要涉及到浏览器的自动填充(Autofill)功能和历史记录管理。这一现象是由于现代浏览器为了提高用户体验,会记住用户在表单字段中输入的信息,尤其是那些经常输入如...

    C#编写的带有记忆功能键的计算器

    以下是关于这个“带有记忆功能键的计算器”的详细知识点: 1. **C#基础**:C#是Microsoft公司推出的.NET框架的一部分,支持类、接口、继承、多态等面向对象特性。在这个计算器程序中,可能会使用到类(如Calculator...

    java联想功能文本输入

    在Java编程中,实现一个具有联想和记忆功能的文本输入控件是一项常见的需求,尤其在构建用户界面时。这个控件结合了文件控件和列表控件,旨在提供动态显示联想内容、记忆历史输入和从不同数据源获取数据的功能。在本...

    C#记忆功能的计算器

    本项目"**C#记忆功能的计算器**"是一个基于C#构建的计算器程序,它不仅提供了基本的四则运算(加、减、乘、除),还包含了额外的数学功能,如开方、乘方和求倒数。此外,该计算器的独特之处在于它具备记忆功能,允许...

    -android搜索历史记录提示,在edittext输入框中输入,会在本地保存,下次输入会自动提示.rar

    在Android开发中,提供搜索历史记录提示功能是一个常见的需求,特别是在需要用户输入查询内容的应用中。这个功能可以提升用户体验,因为它允许用户快速访问他们之前搜索过的条目,而无需重新输入整个查询。本教程将...

    行业分类-设备装置-对页面文本框进行处理的浏览器及方法.zip

    5. **自动填充和记忆功能**:现代浏览器提供了自动填充功能,通过保存用户以前输入的数据,提高输入效率。开发者可以通过设置特定的`autocomplete`属性来控制这一特性。 6. **安全性**:在处理敏感信息时,如密码...

    Vue 实现输入框新增搜索历史记录功能

    在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条,并且新的插入在第一位,首先得到当前的存储数据情况,将关键字存到数组中,判断如果数组中有相同的数据,则把重复的数据删除...

    c# ip地址校验输入框 源码

    `IPAddressTextBox`可能是自定义的文本框控件,扩展了.NET Framework的`TextBox`,添加了IP地址验证的功能。以下是一个简单的`IPAddressTextBox`实现示例: ```csharp public class IPAddressTextBox : TextBox { ...

    文本框水印效果

    在网页设计中,文本框(TextBox)的水印效果是一种常见的功能,它可以在输入框内显示提示性文字,用户在未输入任何内容时看到这些文字,一旦开始输入,文字就会消失。这种效果可以帮助用户理解输入框的目的,提高...

    C#计算器源代码带记忆动能的计算器

    在本项目中,我们讨论的是一个使用C#编程语言实现的计算器程序,它具有记忆功能。这个计算器不仅可以执行基本的算术运算,如加、减、乘、除,还能够保存用户的历史计算结果,以便在后续操作中调用。下面我们将深入...

    TextBox记录上次输入值

    在.NET开发环境中,文本框(TextBox)是常用的一种控件,用于接收用户的文本输入。然而,标准的TextBox控件并没有内置的功能来记住用户上次输入的内容。为了实现这一功能,开发者通常需要自定义控件或者使用扩展方法...

    java课程设计 有保存功能的计算器

    在这个“java课程设计 有保存功能的计算器”项目中,主要涵盖了Java编程语言的应用,以及软件设计中的用户界面实现和数据持久化存储等关键知识点。下面将详细解析这些内容。 首先,Java是一种广泛使用的面向对象的...

    用C#组件制作可键盘输入的计算器

    在本文中,我们将深入探讨如何使用C#编程语言创建一个具备键盘输入功能的简单计算器。C#是一种面向对象的、现代的...不断改进和扩展功能,比如增加历史记录、记忆功能或者图形化界面,会使这个项目更具挑战性和实用性。

    记忆测试系统.rar

    这些库提供了丰富的组件,如按钮、文本框、标签等,可以方便地构建出记忆测试的界面。同时,JAVA的事件处理机制使得用户在点击按钮、输入文本时,系统能响应并执行相应的操作。 四、数据存储与持久化 为了保存用户...

Global site tag (gtag.js) - Google Analytics