HTML表单文本框<INPUT>标签

HTML表单文本框<INPUT>标签

在HTML的表单控件中,用得最多就是文本框控件,它使用的是<INPUT>标签。

一、定义


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

二、语法


<input type="text" name="xxx" size="20" maxlength="20" value="" />

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

三、属性


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

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

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

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

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

value属性:
对于文本框来说,value属性的值即为显示在文本框中的内容。

四、注意