input 标签详解

HTML <input> 元素用于为基于Web的表单创建交互式控件，以便接受来自用户的数据。

在HTML表单中，input标签是最常用的控件标签，包括最常见的文本域、按钮都是采用这个i标签。这个标签的基本语法是：

<form>
    <input name="控件名称" type="控件类型" />
</form>

在HTML，input参数所包含的类型

type取值	含义
text	文字字段
password	密码域，用户在页面中输入时不显示具体的内容，都以“*”代替
radio	单选按钮
checkbox	复选框
button	普通按钮
submit	提交按钮
reset	重置按钮
image	图形域，也称为图像提交按钮
hidden	隐藏域，其并不显示在页面上，只将内容传递到服务器中
file	文件域

文字字段text

text属性用来设定在表单的文本域中输入任何类型的文本、数字或字母。输入的内容以单行显示。

语法

<input type="text" name="控件名称" size="控件的长度" maxlength="最长字符数" value= "文字字段的默认取值"/>

密码域password

在表单中还有一种文本域的形式——密码域，输入到该文本域中的文字均以“*“或圆点显示。

语法

<input type="password" name="控件名称" size="控件的长度" maxlength="最长字符数" value="文字字段的默认取值"/>

单选按钮radio

单选按钮能够进行项目的单项选择，以一个圆框表示。

语法

<input type="radio" value="单选按钮的取值" name="单选按钮名称" checked="checked"/>

复选框checkbox

进行多项选择时就需要用到复选框控件checkbox。复选框在页面中以一个方框来表示。

语法

<input type="checkbox" value="复选框的值" name="名称" checked="checked"/>

普通按钮button

在网页中按钮也很常见，在提交页面、恢复选项时常常需要用到按钮。普通按钮一般情况下需要配合脚本来进行表单处理。

语法

<input type="button" value="按钮的取值" name="按钮名" onclick="处理程序"/>

提交按钮submit

提交按钮是一种特殊的按钮，不需要设置onclick参数，在单击该类型按钮时可以实现表单内容的提交。

语法

<input type="submit" name="按钮名" value="按钮的取值"/>

重置按钮reset

单击重置按钮后，可以清除表单的内容，恢复默认的表单内容设定。

语法

<input type="reset" name="按钮名" value="按钮的取值"/>

图像域image

图像域是指可以用在提交按钮位置上的图片，这幅图片具有按钮的功能。

语法

<input type="image" src="图像地址" name="图像域名称"/>

隐藏域hidden

表单中的隐藏域主要用来传递一些参数，而这些参数不需要在页面中显示。当用户提交表单时，隐藏域的内容会一起提交给处理程序。

语法

<input type="hidden" name="隐藏域名称" value="提交的值"/>

文件域file

文件域在上传文件时常常用到，它用于查找硬盘中的文件路径，然后通过表单将选中的文件上传。在发送电子邮件、上传头像，传送文件时常常会看到这一控件。

语法

<input type="file" name="文件域的名称"/>

(完)