HTML密码框

资料来源：网络整理时间：2023/2/17 14:49:49 共计：3608 浏览

网页中最典型的应用密码框的场景就是网站的登录注册页面。例如 C语言中文网的登录（http://vip.biancheng.net/login.php）或者注册（http://vip.biancheng.net/register.php）页面中的密码字段使用的就是密码框。

在 HTML 中，把 <input> 标签的 type 属性设置为 password 可以表示密码框。具体语法格式如下：

接下来我们看一个具体的例子：

<form action="http://vip.biancheng.net/login.php" method="post" name="myForm">
       密码:<input type="password" name="psd">
</form>

运行效果如图所示：
图1：密码框
从运行结果来看，密码框在外观上和单行文本框相同，但是两者之间是有区别的：

单行文本框输入的字符可见；
密码框输入的字符不可见，会被?代替。请读者自己试一试。

注意：密码框设置输入字符被?代替的原因，只是防止用户周围的人看到密码，后台是可以拿到输入的内容的。

密码框同单行文本框一样，也有 maxlength、 value 以及 size 等属性。接下来我们看一下：

1) maxlength属性

maxlength 属性表示密码框最多可以输入的字符数量。如果我们需要设置用户输入的密码不得超过 6 位，可以这样写：

<form action="http://vip.biancheng.net/login.php" method="post" name="myForm">
       密码:<input type="password" name="psd" maxlength="6">
</form>

进行设置后，当用户输入的密码大于 6 位，不再允许输入。

2) value属性

value 属性用来表示密码框的默认值，一般密码都是由用户自行输入的，但是有的情况我们需要给用户一个默认密码，就可以这样写：

<form action="http://vip.biancheng.net/login.php" method="post" name="myForm">
       密码:<input type="password" name="psd" value="123456">
</form>

运行效果如图所示：
图2：键入了默认密码的密码框
通过运行结果可以发现，默认的密码"123456"被?代替。

3) size属性

同单行文本框中的 size 属性相同，也表示文本框可见的字符数。

注意：一般我们只需设置 maxlength 来限制用户输入的密码不大于多少位，不使用 size 属性。

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。

·上一条：Django url标签详解 | ·下一条：Django模板过滤器用法详解