表单是用来交互的，接收浏览器端的数据

语法：<form name="" action="" method="">

各种控件.....

</form>

表单属性

name 表单标识

action表单数据提交给处理数据的页面

method表单提交方式 有post和get 默认get

get方式

通过地址传输数据

不能传递敏感数据，

不能传递大量数据，最大1KB

不能传递附件

post方式

将数据传递给处理程序

相对安全

可以传递大量数据

可以传递附件

控件介绍

1、单行文本框

语法：<input type="text" name=""  value="" size="" maxlength=""/>

属性：name单行文本框的标识

size文本框宽度 单位字符

maxlength文本框最多能输入多少字符，超过则无法输入

value 文本框的初始值

2、密码框

语法：<input type="password" name="" value="" size="" maxlength=""/>

属性：name 密码框的标识

value 密码框的初始值

size 密码框的宽度，单位字符

maxlength 密码框最多能输入的字符，超过无法输入

readonly只读属性，可以选中，不能修改

disabled 不能选中，也不能修改

3、单选框

语法：<input type="radio" name="" value=""/>值1

<input type="radio" name="" value=""/>值2

属性：name 单选按钮组的标识

value 单选按钮的初始值，必须填写，而且不同

4、多选框

语法：<input type="checkbox" name="" value="" checked="checked"/>值1

<input type="checkbox" name="" value="" />值2

属性：name 多选框组的标识

value多选框每一项的值

checked 默认初始被选中

5、多行文本框

语法：<textarea name=""  rows="" cols="">内容</textarea>

属性：name 多行文本框的标识

rows 多行文本框的行数

cols 每行最多的字符数

初始值是内容

6、下拉列表

<select name="">

<option value="">值1</option>

<option value="">值2</option>

<option value="">值3</option>

</select>

属性：name 下拉列表的标识

value 每一项的初始值

7、按钮

提交按钮 提交表单数据 value 按钮上的文字

<input type="submit" value=""/>

图片形式的提交按钮

<input type="image" src=""/>

重置按钮 将表单的数据重置到初始状态 value 按钮上的文字

<input type="reset" value=""/>

普通按钮 本身没有什么功能，结合JS就可以实行功能

<input type="button" value="" />

8、隐藏域和文件上传

隐藏域

语法：<input type="hidden" name=""/>

隐藏起来，为了给程序传递数据

文件上传

语法：<input type="file" name=""/>

属性：name 文件上传的标识

它的值是选择文件后才有值