zoukankan      html  css  js  c++  java
  • js自动记忆用户名(可以设置cookie多存几天)

    js自动记忆用户名(可以设置cookie多存几天)

    一、总结

    1、记住密码:因为cookie是存在本地的,也可以多存几天,所以记住密码的操作只需要读取cookie,将其中的账号密码直接显示在输入框就好

    二、js自动记忆用户名

    练习2:自动记忆用户名

    • 实例描述:

      当用户登录过该站点后自动记住用户名

    • 案例要点:

      通过这个例子加深cookie的理解。

    三、代码

     1 <!DOCTYPE html>
     2 <html lang="zh-cn">
     3 <head>
     4   <meta charset="utf-8">
     5   <title>课堂演示</title>
     6   <script src="cookie.js"></script>
     7 </head>
     8 <body>
     9     <form action="#">
    10     <p>用户名:<input type="text"
    11     id="username"></p>
    12     <p>&nbsp&nbsp码:<input type="password"
    13     id="password"></p>
    14       <input type="submit" value="登录"
    15     id="password" onclick="submit1()">
    16     </form>
    17     <script type="text/javascript">
    18       var user=document.getElementById('username'); //1、获取id,document.getElementById
    19       function submit1(){
    20         setCookie('user1',user.value,10)
    21       }
    22       user.value=getCookie('user1')
    23     </script>
    24 </body>
    25 </html>
    
  • 相关阅读:
    linux系统安装Mysql
    makefile通用模板
    makefile常用函数
    mysqlconnector安装
    linux添加默认路由route
    .h文件与.hpp文件的区别
    ubuntu20优化开机启动
    [javascript]js原型链以及原型链继承
    webpack4.*入门笔记
    图像编程:图片大小关系
  • 原文地址:https://www.cnblogs.com/Renyi-Fan/p/9034249.html
Copyright © 2011-2022 走看看