html表单

Form称为表单标记，属于一个容器标记，可以提交该表单中所有控件的值到后台，让后台动态语言进行其他处理。

用途：

  用户注册某种服务是，收集其姓名、地址、电话号码、电子邮件和其他信息。

  收集购买物品所需的信息。例如，如果想通过internet购买一本书，就需要填写姓名、邮政地址和付款方式等。

form的参数设定：

 例如：<from action="exampleAction.asp" method="Post"

 表单一般和动态语言一起使用，如asp,php,jsp等

 Action属性，用于指明该表单提交给那个程序处理

 Method属性，表示以什么方式提交，值可为：post,get。两者提交方式的不同可以暂时理解为post为隐藏式提交，而get为非隐藏式提交，post容许传送大量资料，蛋get则只接受低于1k的资料，一般注册信息用Post，查询时使用get

Submit传送键及Reset清除键

·<input type="Submit" value="确定"/>

  会显示一个按钮，表单提交按钮，点击后，会将表单的内容提交到form标记

action属性指定的页面中去。

·<input type="reset" value="清除"/>

   会显示一个按钮，会清除表单控件中的值

submit/reset是按钮，只不过这个按钮带了些功能

input的参数设定：

·type="Text"单行文本框 type="password"密码框

·常用属性

 --name，指定表单元素的名称

 --value，此属性是可选属性，他指定表单元素的初始值

 --size,指定文本框的长度

 --maxlength，指定文本框中输入字符的最大长度

radio 单选按钮

·例如<input type="radio" name="gender" value="famale" 

align="middle" checked>

·常用属性介绍

 --type="radio"产生单选按钮

 --name="gender"给单选按钮控件起一个名字

 --value="famale",可提交给后台动态语言处理的值

 --checked，判断该单选按钮是否被选中，可用来做页面特效

checkbox复选框

·<input type="checkbox" name="idol" value="Leon" checked>

·常用属性介绍

 --Type,显示复选框

 --name，给复选框起个名字，后台动态语言可以根据这个名字取值。

 --value，复选框的值，可提交给后台动态语言处理的值

 --checked属性，判断该单选按钮是否被选中，可用来做页面特效

image图片提交按钮

·<input type="image" src="submit.gif"/>

·通常用于取代submit/reset两个按键，因为由默认产生的按钮并不漂亮，这image参数便容许你采用自己制造的按键

·属性

 --src:图片的路径

file文件上传控件

·<input type="file" name="uploadfile" size="50"/>

·属性：

 --name控件名称，动态语言后台取值时用

 --size为控件文本框的长度

hidden隐藏域

·<input type="hidden" name="id" value="6618"/>

·hidden隐藏域，页面上不会显示任何内容，但是隐藏域的值可以随表单一起提交。

·属性：

 --name控件的名称，动态语言在后台可根据此名称来获取控件的值

 --value，传递到后台的值

button常规按钮

·<input type="button" name="useless" value="back">

·页面会显示一个按钮，但是不带任何功能，需要配合js脚本来使用

·属性

 --name控件的名称，js脚本可以通过name属性来控制按钮

 --id，控件的唯一标示符，js脚本可通过此属性来控制按钮，

 --value，按钮上显示的文字

<select>/<option>下拉列表

·select为列表控件，列表有option组成，既select为容器，option为子项

·select常用属性

 --name，控件名称，后台动态语言取值时用

 --multiple由此属性，则可被为多选列表

 --size列表项显示的长度

·option常用属性

 --value，选项的值，如果被选中，在后台则被取到

 --selected默认选择项

textArea文本域

·<textarea name="comments" cols="40" rows="4"/>

·属性

 --name控件名称，后台动态语言可根据此名称来取值

 --cols文本域宽度

 --rows文本域高度