首页  >  文章  >  web前端  >  html怎么把密码隐藏起来

html怎么把密码隐藏起来

醉折花枝作酒筹
醉折花枝作酒筹原创
2021-06-03 11:04:1411023浏览

在HTML中,可以使用type属性将密码隐藏起来,只需要给input元素添加“type="password"”代码即可。type属性规定input元素的类型,当值为password时,表示定义密码字段。该字段中的字符被掩码。

html怎么把密码隐藏起来

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

input标签用于搜集用户信息。 根据不同的 type 属性值,输入字段拥有很多种形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等等。

type 属性规定 input 元素的类型,值为password是,可以将密码隐藏

语法:

<input type="password" name="你需要的名称">

type用来指定input的属性,name用来指定该表单项的标示

实例:

<html>
<body>

<form action="/example/html/form_action.asp" method="get">
  <p>Email: <input type="text" name="email" /></p>
  <p>password:<input type="password" name="password" /></p>
  <input type="submit" value="Submit" />
</form>

<p>请单击确认按钮,输入会发送到服务器上名为 "form_action.asp" 的页面。</p>

</body>
</html>

效果:

P%%8`V0[%WE)VVJF%Y(Y0Z9.png

扩展:

type属性值

NYGCBTWYDGTMJ4Y$CD5R_E5.png

推荐学习:html视频教程

以上是html怎么把密码隐藏起来的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn