html怎么把密码隐藏起来

2021-06-04

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

/2021/06/710673fb.jpg

本教程操作环境: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>

效果:

/2021/06/8d725c89.png" /2021/06/8d725c89.png" alt="P%%8`V0[%WE)VVJF%Y(Y0Z9.png

扩展:

type属性值

/2021/06/c6f23673.png" /2021/06/c6f23673.png" alt="NYGCBTWYDGTMJ4Y$CD5R_E5.png

推荐学习:html视频教程

以上就是html怎么把密码隐藏起来的详细内容,更多请关注北冥有鱼其它相关文章!

本文转载自【PHP中文网】,希望能给您带来帮助,苟日新、日日新、又日新,生命不息,学习不止。

《html怎么把密码隐藏起来.doc》

下载本文的Word格式文档,以方便收藏与打印。