• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >HBuilder教程 > mui 使用LocalStore记住用户密码方法示例

mui 使用LocalStore记住用户密码方法示例

作者:教程 字体:[增加 减小] 来源:互联网 时间:2017-05-31

本文主要包含local store,dls dead local store,localappstore,local dollar store,mui等相关知识,教程希望在学习及工作中可以帮助到您
"); </div> mui 使用LocalStore记住用户密码方法示例

  1. <!DOCTYPE html> 
  2. <html> 
  3.  
  4.     <head> 
  5.         <meta charset="utf-8"> 
  6.         <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" /> 
  7.         <title></title> 
  8.         <script src="js/mui.min.js"></script> 
  9.         <link href="css/mui.min.css" rel="stylesheet" /> 
  10.         <script type="text/javascript" charset="utf-8"> 
  11.             mui.init(); 
  12.         </script> 
  13.         <style> 
  14.             body { 
  15.                 margin-left: 500px; 
  16.             } 
  17.              
  18.             fieldset { 
  19.                 width: 380px; 
  20.                 height: 220px; 
  21.                 text-align: center; 
  22.             } 
  23.              
  24.             #txtId, 
  25.             #txtPwd { 
  26.                 width: 240px; 
  27.                 margin: 10px auto; 
  28.             } 
  29.         </style> 
  30.  
  31.     </head> 
  32.  
  33.     <body> 
  34.         <fieldset id=""> 
  35.             <legend>用户登录</legend> 
  36.             用户名:<input type="text" id="txtId" /><br /> &nbsp;&nbsp;&nbsp; 
  37.             密码:<input type="password" id="txtPwd" /><br /> 
  38.             <input type="checkbox" id="chkRem" />记住密码<br /> 
  39.             <input type="button" value="登录" onclick="remPwd()" /> 
  40.         </fieldset> 
  41.         <script type="text/javascript"> 
  42.             var Id = localStorage.getItem("txtId"); 
  43.             if(Id != null) //如果缓存中有数据,则加载出来 B5教程网 
  44.             { 
  45.                 document.getElementById("txtId").value = Id; 
  46.                 document.getElementById("txtPwd").value = localStorage.getItem("txtPwd"); 
  47.                 document.getElementById("chkRem").checked = "checked"; 
  48.             } 
  49.     

您可能想查找下面的文章:

  • mui 使用LocalStore记住用户密码方法示例

相关文章

  • 2017-05-31html5仿ios下拉和上拉回弹功能
  • 2017-05-31mui dtpicker 时间的设置
  • 2017-05-31HBuilder MUI 解决动态列表页图片懒加载再次加载不成功的bug
  • 2017-05-31新版本Hbuilder打包的IOS应用上传苹果市场 被提示不支持ipv6,如何解决?
  • 2017-05-31MUI 地图定位问题终于解决了
  • 2017-05-31MUI 关于二维码扫描识别率的问题
  • 2017-05-31a页面打开b页面,b页面加载成功后关闭当前页面,闪屏
  • 2017-05-31HBuilder mui 页面传参终极版
  • 2017-05-31Hbuilder MUI 微信支付返回-1错误的经历
  • 2017-05-31mui开发之plusready和init

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • Hbuilder MUI商城app购物车页面
    • HBuilder mui 创建属于当前应用的相册
    • mui开发app之cropper裁剪后上传头像的实现
    • MUI + Spring MVC 实现多图片上传
    • mui.plusReady无法加载
    • mui框架 后台数据如何读取到页面??
    • 在mui中遇到的内容覆盖导航栏的问题
    • html5视频播放自动全屏,暂停退出全屏等功能
    • HBuilder MUI 基于plus.downloader的图片懒加载功能,支持本地缓存
    • hbuilder mui 如何禁止轮播图左右滑动?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有