html怎么把密码隐藏起来

编辑: admin 分类: html5 发布时间: 2022-06-08 来源:互联网

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

本教程操作环境: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怎么把密码隐藏起来的详细内容,更多请关注自由互联其它相关文章!

【文章由香港云服务器 http://www.1234xp.com 复制请保留原URL】