欢迎进入泸州科技官网!

  • 泸州
  • 切换城市
    泸州
    泸县
    古蔺
    叙永
    合江
181-4848-6675

微信咨询

泸州网站建设

专注中小微企业网络营销推广

专注 ▪ 专业 ▪ 精准 ▪ 效果

专注中小微企业网络营销推广
  • 网站首页
  • 网站建设
    • 行业型网站

    • 品牌型网站

    • 营销型网站

  • 优化排名
    • 网站优化

    • 百度地图

  • 营销学院
    • 网络推广

    • 地图排名

    • 小程序

    • 网站建设

    • 网站优化

  • 解决方案

  • 成功案例
    • 关键词案例

    • 地图案例

    • 网站案例

  • 关于我们
    • 致客户

    • 公司文化

    • 公司简介

    • 客户评价

营销学院

建站知识

立即咨询  

您的当前位置: 网站首页 营销学院 建站知识

网站优化

最新案例

    • 成都搬家公司小程序案例

      成都搬家公司小程序案例

    • 废品回收小程序案例

      废品回收小程序案例

    • 泸州婚纱摄影关键词优化案例

      泸州婚纱摄影关键词优化案例

    • 成都装修公司关键词优化案例

      成都装修公司关键词优化案例

    • 成都吊装搬运公司关键词优化案例

      成都吊装搬运公司关键词优化案例

百度地图优化

最新文章

    • js实现记住用户名/密码存储本地localStorage
    • js判断浏览器是否全屏(浏览器是否与屏幕等宽)
    • js实现元素自动刷新,js计时器倒计时实现方法
    • 通过js获取指定class下的div标签元素
    • windows无法识别git命令解决方法
    • 新手站长怎么建站?从零开始建站有哪些步骤?
    • 提高网站用户体验需要做到哪些点?
    • 做一个网站要多长时间?做个网站要多久?
    • 说说企业网站的建设以及重要性!
    • 网页设计方案在规划时要注意什么

最新签约

    • 成都搬家公司小程序案例

      成都搬家公司小程序案例

    • 废品回收小程序案例

      废品回收小程序案例

    • 泸州婚纱摄影关键词优化案例

      泸州婚纱摄影关键词优化案例

    • 成都装修公司关键词优化案例

      成都装修公司关键词优化案例

    • 成都吊装搬运公司关键词优化案例

      成都吊装搬运公司关键词优化案例

js实现记住用户名/密码存储本地localStorage

发布时间:2022-04-20 17:20:17 作者:泸州科技 来源:本站 浏览量(34)
摘要:场景:在做用户登录用户名、密码的时候,有记住用户名复选框。效果:当用户点击记住:用户名。那么下次打开网页,会记住用户名。当用户未勾选:记住用户名,则不会保存到文本框。实现过程:第一步:监听:checkbox复选框的change事件。如果勾选:那么将文本框的内容存储---》本地存储。否则:移除本地已存储的用户名第二步:

场景:在做用户登录用户名、密码的时候,有记住用户名复选框。

1.png

效果:当用户点击记住:用户名。那么下次打开网页,会记住用户名。当用户未勾选:记住用户名,则不会保存到文本框。

实现过程:

第一步:监听:checkbox复选框的change事件。

  1. 如果勾选:那么将文本框的内容存储---》本地存储。

  2. 否则:移除本地已存储的用户名

第二步:判断:本地存储是否有存储。如果有:将本地存储的username保存到:文本框。并且设置,checkbox的checked=true

<script>
var username = document.querySelector(".ipt")
var ckb = document.querySelector(".ckb")

ckb.addEventListener("change",function(){
if(this.checked){
// 如果勾选,则保存文本框到本地存储
localStorage.setItem("username",username.value);
}else{
// 其他情况删除本地存储
localStorage.removeItem("username");
}
})
if(localStorage.getItem("username")){
username.value = localStorage.getItem("username");
ckb.checked = true;
}
</script>


js实现用户名密码本地存储
112
上一篇:没有了!
下一篇:js判断浏览器是否全屏(浏览器是否与屏幕等宽)

推荐文章

  • cd

  • 微信小程序开发,使用vant组件样式无法显示解决方法

  • js实现记住用户名/密码存储本地localStorage

问题需求咨询 Reservation

    业务介绍

  • 网站建设
  • 网站优化
  • 百度地图
  • 下拉搜索
  • 问答推广

    案例展示

  • 网站案例
  • 地图案例
  • 优化案例

    关于我们

  • 品牌介绍
  • 最新签约
  • 客户必读

关注我们 Subscribe US

官方微信

扫码关注领取整套网络推广方案

公司地址泸州市江阳区中心w1区22

©Copyright 2020-2021 All Right Reserved 泸州九安科技网络公司 [ 蜀ICP备2021002820号-1]