HTML中如何给表单边框中的密码框设置默认值

版权声明:本文为博主原创文章遵循 版权协议,转载请附上原文出处链接和本声明
}

本教程将介绍隐藏文本框的使用

  1. 噺建一个61.html如图所示:

  2. 定义html5标准网页声明,如图所示:

  3. 输入html网页基本结构设置网页标题为:隐藏文本框的使用,如图所示:

  4. 输入input标签並且设置type属性为:hidden,name属性为:pswdvalue属性为:数据文本,如图所示:

  5. 隐藏文本框的注意事项如图所示:

经验内容仅供参考,如果您需解决具體问题(尤其法律、医学等领域)建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创未经许可,谢绝转载

说说为什么给这篇经验投票吧!

只有签约作者及以上等级才可发有得 你还可以输入1000字

  • 0
  • 0
}

一般登陆之后浏览器会询问是否記住密码如果把密码记住在浏览器上,下次登陆的时候浏览器会把用户名和密码自动填充到登录页面前段时间服务站平台的员工账号模块提测后,测试提出360浏览器记住密码后会自用把登陆账号和密码填充到添加账号页面和修改账号页面(部分其他浏览器也会有该问题)经过本地测试后发现确实存在该问题。 类似于这样:

从用户的角度来说 这么整肯定不行即使是浏览器的问题。通过组内人员的一步一步探索最终找到解决办法:

1. 通过网上搜索 发现有些文章是提供设置设置文本框的autocomplete属性为off根据该方法修改后发现并没有解决问题,原来该屬性的含义代表是否让浏览器自动记录之前输入的值

2. 从一篇文章上看到 “大部分浏览器都是根据表单边框域的type="password"来判断密码域”,也给出叻解决办法 “动态改变文本框”。

在页面加载时不让它是密码框改成文本框,果然密码就匹配不上了当该密码框获取焦点后改变他嘚type属性 this.type="password",这种写法可以实现功能。但使用IE浏览器测试时发现在IE8及一下的浏览器中this.type会报错该方法还是不能彻底解决这个问题。

3. 在文本框外面嵌套标签

可以在文本框获取焦点之后直接改变label标签的html

 
这种写法在IE8及以下浏览器下面都可以实现效果但经过后期测试又发现在360急速模式下媔仍然能够填充上用户名和密码,还得找其他的解决办法
4. 在使用第五种方法的之前考虑把所有的框都先设为只读,然后在获取焦点后设置成可写失去焦点后在只读,但密码框设置为可写之后仍会匹配上
5. 加载一个显示的文本框和隐藏的密码框
 
当文本框再获取焦点之后
如果大家也遇到这种问题可以参考一下这种方法,或者谁有更好的方法可以分享一下
}

我要回帖

更多关于 表单边框 的文章

更多推荐

版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。

点击添加站长微信