文本型输入框会直接显示用户输入的内容,而密码型输入框则会对输入的字符进行掩码处理(如显示为圆点或星号),以保障信息安全。

1、 新建一个标准HTML文件

text与password输入类型区别  第1张

2、 添加一个 元素,并将其 type 属性设置为 "text",创建普通文本输入框。

text与password输入类型区别  第2张

3、 浏览器中打开该页面,可看到文本内容实时可见的输入效果

text与password输入类型区别  第3张

4、 修改代码如下所示:

text与password输入类型区别  第4张

5、 插入一个新的 标签,将 type 属性设为 "password",用于构建安全敏感信息的输入区域。

text与password输入类型区别  第5张

6、 刷新页面后,观察密码输入框的视觉表现

text与password输入类型区别  第6张

7、 在密码框中键入内容,确认字符已被隐藏显示

text与password输入类型区别  第7张