输入标记<INPUT>

输入标记<INPUT>是表单中最常用的标记之一，常用的文本域，按钮等等都使用这个标记。

基本语法：

<FORM>
<input name = "field_name" type = "type_name">
</FORM>

name:域的名称

type:域的类型

type中可以包含的值：

TEXT:文字域

PASSWORD:密码域

FILE:文件域

CHECKBOX:复选框

RADIO:单选框

BUTTON:普通按钮

SUBMIT:提交按钮

RESET:重置按钮

HIDDEN:隐藏域

IMAGE:图像域(图像提交按钮)

下面一个个说。。。。。。。。。。。。。。

• TEXT文字域

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

基本语法：

<input type = "text" name = "field_name" maxlength = "value" size = "value" value = "field_value">

name:文字域的名称

maxlength:文字域的最大输入字符数

size:文字域的宽度(以字符为单位)

value:文字域的默认值

• PASSWORD密码域

密码域和文字域很像，区别是输入到文本框中的文字均以星号"*"或圆点显示。

基本语法：

<input type = "password" name = "field_name" maxlength = "value" size = "value">

name:文字域的名称

maxlength:文字域的最大输入字符数

size:文字域的宽度(以字符为单位)

• FILE文件域

文件域可以让用户在域的内部填写自己硬盘中的文件路径，然后通过表单上传，这是文件域的基本功能。

文件域的外观是一个文本框加一个浏览按钮，用户既可以直接将要上传给网站的文件的路径写在文本框中，也可以单击浏览按钮，在自己的电脑中找到要上传的文件。

基本语法：

<input type = "file" name = "field_name">

• CHECKBOX复选框

可以在若干选项中选择多个项目，称为多选框。以一个方框表示。

基本语法：

<input type = "checkbox" name = "field_name" value = "value"(checked)>

checked:表示此项被默认选中

value:表示选中项目后传送到服务器端的值

• RADIO单选框

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

基本语法：

<input type = "radio" name = "field_name" value = "value"(checked)>

其中，每一个单选框的名称是相同的，有其独立的值，默认选中的可以加上 checked。

value:表示选中该项后传送到服务器端的值

• BUTTON普通按钮

表单中的按钮起着至关重要的作用，按钮可以激发提交表单的动作，可以在用户需要修改表单的时候，将表单恢复到初始的状态，还可以依照程序的需要，发挥其他作用。

普通按钮主要是配合Javascript脚本来进行表单的处理。

基本语法：

<input type = "button" name = "field_name" value = "button_text">

value:显示在按钮上面的文字。

• SUBMIT提交按钮

单击提交按钮后，可以实现表单内容的提交。

基本语法：

<input type = "submit" name = "field_name" value = "button_text">

value:显示在按钮上面的文字。

• RESET重置按钮

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

基本语法：

<input type = "reset" name = "field_name" value = "button_text">

value:显示在按钮上面的文字。

• IMAGE图像域

图像域是可以用在 提交按钮位置上的图片，这幅图片具有按钮的功能。使用默认的按钮形式往往会让人觉得单调。如果网页使用了较为丰富的色彩，或稍微复杂的设计，再使用表单默认的按钮形式甚至会破坏整体的美感。这时，可以使用图像域，创建和网页整体效果相同意的图像提交按钮。

基本语法：

<input type = "image" name = "field_name" src = "image_url">

• HIDDEN隐藏域

隐藏域在页面中对于用户是不可见的，在表单中插入隐藏域的目的在于收集或发送信息，以利于被处理表单的程序所使用。浏览者单击发送按钮发送表单的时候，隐藏域的信息也一起被发送到服务器。

基本语法：

<input type = "hidden" name = "field_name" value = "value">

隐藏域并不会显示结果，只是用于传送数据的标记。