HTML表单密码框<INPUT>标签

HTML表单密码框<INPUT>标签

在HTML的表单控件中,密码框也是经常使用的控件,它主要用户密码验证、密码修改等地方,它使用的也是<INPUT>标签。

一、定义


<INPUT>标签用于表示文本框、密码框、单选框、复选框、文件上传框、普通按钮、提交按钮、重置按钮等。它是根据不同的type属性值来判断各种不同的类型的子控件的。作为密码框使用时,type属性的值为“password”。

二、语法


<input type="password" name="pass" size="20" maxlength="20" value="" />

说明:这里声明了一个密码框表单控件,名称为“pass”,宽度为20个字符长度,文档框中最多可以输入20个字符,默认值为空。

三、属性


<INPUT>标签主要有type、name、size、value、maxlength等几个重要属性,下面一一解释。

type属性:
不同的type类型,将<INPUT>标签标记不同的<FORM>控件,值为password时表示密码框。

name属性:
用于标记此<INPUT>标签的名称,在JavaScript中,可以很方便的通过<FORM>标签的name属性来找到这个表单,并进一步通过子控件<INPUT>标签的名称,从而找到下面的控件对象。从而就可以做出“密码不能为空、“密码不能太短”这样的判断。

size属性:
用于表示控件的长度,这里貌似是使用字符数量来表示长度。

maxlength属性:
用于表示密码框可输入的最大字符数。

value属性:
对于密码框来说,value属性的值即为显示在密码框中的内容,当然,这个内容是用黑点遮盖之后的,我们无法看到真实的内容,但却可以看到是多少位。

四、注意