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="文件域的名称"/>
(完)