Html 表单

一、表单概念

负责采集用户的数据，包括：表单标签、表单域、表单按钮

二、表单标签<form>

action：用于接收和处理用户表单数据的服务器程序，属性为处理程序url

target：用户显示服务器返回的信息目标窗口

    _blank:结果显示在没有框架的新web浏览器窗口

    _self：显示在当前窗口、或框架中

   _parent：显示在当前窗口父类的窗口或者框架中

   _top：将结果显示在最顶端浏览器中

name：表示唯一form表单，可以在javascript脚本中直接使用name属性访问某一表单

enctype：用于指定表单在传输数据时采用的编码规则，缺省值：application/x-www-form-urlencoded，

主要有两种：application/x-www-form-urlencoded 反馈信息被编码为名称/值

multipart/form-data反馈消息编码为一条消息

method：get、post

三、标签属性

输入标签<input>有六个属性type name size value maxlength checked，主要是type name 

type属性主要包括:text password radio checkbox button submit reset image hidden file

submit:提交按钮

reset：重置按钮

text：单行文本域  readonly 只读，disable 失效，数据也不会提交到服务器中

hidden：隐藏域，在界面中隐藏，主要保存服务器返回的状态或者预传信息

radio：单选按钮，多个单选按钮组成一个单选按钮组才有意，同组单选按钮name值要一致，才会互斥

 <input type="radio" name="sex" value="man" />男
 <input name="sex" type="radio" value="woman" checked="checked" />女

checkbox：多选按钮：

 <input type="checkbox" name="fruit1" />apple
 <input type="checkbox" name="fruit2" />banbana

file：文件域：

 注意事项：method="post" enctype="multipart/form-data"

image 图片域：主要当作图片按钮使用

textarea：多行文本域：不需要使用input输入标签，常用的属性name，cols，rows

select：选择列表：属性name、size、multiple

name设置

 <select name="select1" size="1" multiple="MULTIPLE">
 <option select>选项1
 <option >选项2
 <option> 选项3
 </select>
四、表单元素