HTML之表单元素“Password”引发的思考-你的密码安全吗？？？

由于浏览器有记住密码的功能，如果大家是允许浏览器记住密码的话，时间久了，难免自己也忘记登录已久的密码到底是多少，这里教大家一个简单的办法，就是打开邮箱、博客、论坛等登录界面后点击自己的用户名，密码会自动以星号显示，这里选择“开发工具-审查元素”，找到密码框，修改“type”属性“password”为“text”即可，密码就显示出来了。当然，这里大家不要拿来做坏事，至于是什么我就不说清楚了，建议大家平时尽量少让浏览器记住密码，还有就是设置自己的电脑登陆密码，离开工位时记得用快捷键“win+L”锁定计算机。下面两个图片是修改前后的对比：

表单是Web浏览器和Web服务器进行通信的最常用的手段，即通过表单，浏览器不仅能从Web服务器中获得信息，而且还能向Web服务器反馈信息。HTML为此提供了表单(Form)元素来设计和实现这种交互界面。

表单中的元素：

<form>
<input type=“text”> <!--文本域-->
<input type=“password”> <!--密码-->
<input type=“radio”><!--单选按钮-->
<input type=“checkbox”> <!--复选框-->
<input type=“hidden”><!--隐藏域-->
<input type=“submit”><!--提交按钮-->
<input type=“file”><!--文件域-->
<input type=“reset” value=“”><!--重置按钮-->
<input type=“button” value=“”> <!--按钮-->
<textarea></textarea> <!--文本区域-->
<select>
<option>
</option
</select> <!--下拉框-->
</form>

最近无意间想到登陆界面的密码框的安全性问题，后来摸索后发现所有的登陆界面不管是163邮箱还是115网盘等，他们的密码只要记住，是可以直接查看的，这个问题暂且不考虑是否安全或者有无必要屏蔽的问题，至少如果自己的密码很久都是用记住密码，记不得密码到底是什么了，用这个方法还是很容易可以直接查看的。下面我把做法写出来供大家参考，相信懂HTML的人更清楚是怎么回事。

-----------------------------------------------------------------------------------------------------

其实很简单，我们只要打开网页中的审查元素，这里以Google浏览器为例，找到密码框标签的type元素，将其type="password"改为type="text"即可。道理就很简单了，大家可以试着看看。至于怎么应对这个问题我还在找好的办法，相信大的网站都没有管这个问题应该是没有什么安全问题吧，大家就可以用来查看那些一直记住密码却忘记密码到底是多少的情况。

如图：

续：

回家后研究发现淘宝首页也是可以看到的，但是支付宝和银行之类由于有安全控件做了加密加上证书等手段是看不到密码的，说白了就是关于钱财的东西还是比较安全的。如图：

HTML之表单元素“Password”引发的思考-你的密码安全吗？？？相关推荐

前端：HTML/06/表单，表单元素（单行文本域，单行密码域，单选按钮，复选框，下拉列表，文本区域，上传文件域，各种按钮，隐藏域，lt;caption表格标题）
表单<form>(块元素) 表单的概念:表单主要用来获取用户数据(信息),如:注册表单, 查询表单,登录表单. 表单的工作原理: 浏览有表单的网页,填写一些必要的信息,然后点击某个按钮进行 ...
【2018-01-22】HTML-表单及表单元素
<body><form action="" method="post">& ...
HTML（三）：表单元素
表单元素概述表单(Form),用于收集用户信息.提交用户请求等处理过程 1.设计表单,并放入一些输入域 2.网站访问者在自己的计算机上填写上述输入域,并提交到服务器 ...
JS 表单和表单元素
JS:The Definitive Guide 例18-1,列举了所有的表单元素,并把表达的相关操作都呈现出来,非常的好!不愧为一本经典的书籍.例子非常恰当. <!DOCTYPE HTML> ...
JQiery选择器中的表单元素
无论是提交还是传递数据,表单元素在动态交互页面的作用是非常重要的.jQuery中专门加入了表单选择器,从而能够极其方便地获取到某个类型的表单元素. 表单选择器这么方便,让我们来看一下都可以怎么使用吧: ...
javascript --- [FormData的使用] 表单元素转换成表单对象二进制文件上传
1. FormData的作用 1.1 将Form表单元素,转换成表单对象在使用Ajax进行表单提交的时候,采用原生的js获取dom,然后添加属性.当表单项很多的时候,代码会很多.不利于后期阅读.维护 ...
html 复选框name值,HTML(5)表单元素以及对各个表单元素的name、value属性的理解
我在学习表单元素的时候感觉很混乱,特别是 name value这两个属性,没有真正理解它们是干什么的,所以需要梳理一下. HTML表单元素主要有 HTML5新增的表单元素有三个下面梳理一下这些表单元 ...
form表单中根据值判断是否disabled_Java 0基础入门（Html表单、表单元素）
上一篇:Java 0基础入门 (Html标签的使用) 表单在网页中主要负责数据采集功能. 一.表单实际应用场景百度搜索 5173注册如上两张图,图中的黑色线条是我画上去的,如果按照黑线,在Excl ...
html5简介、选项输入框、表单元素分组、input新增属性及属性值
HTML5简介: 定义:HTML5号称下一代HTML,html的最新版本,定义了新的标签.css.JavaScript,html5新标签IE9以上版本浏览器才兼容,因此在实际开发中要问老板是否兼容低版 ...
Vant-UI 表单组件（Field组件）：验证表单元素表单提交 - 踩坑篇
Vant-UI 表单组件(Field组件):验证表单元素&&表单提交: 示例截图 · 如下: 示例 · 详细代码 · 如下: <template><div class ...

HTML之表单元素“Password”引发的思考-你的密码安全吗？？？

HTML之表单元素“Password”引发的思考-你的密码安全吗？？？相关推荐

最新文章

热门文章