用php html写一个判断密码输入框,HTML密码框

  • Post author:
  • Post category:php


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

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

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

密码:

运行效果如图所示:

93765a99baff1dbcc05b20b83d8adbbd.png

图1:密码框

从运行结果来看,密码框在外观上和单行文本框相同,但是两者之间是有区别的:

单行文本框输入的字符可见;

密码框输入的字符不可见,会被▪代替。请读者自己试一试。

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

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

1) maxlength属性

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

密码:

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

2) value属性

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

密码:

运行效果如图所示:

97d975c977996acf2b715856e9c56cbe.png

图2:键入了默认密码的密码框

通过运行结果可以发现,默认的密码”123456″被▪代替。

3) size属性

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

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