表单

表单

表单的作用
1、表单用于搜集不同类型的用户输入（搜集用户信息）
2、用户提交表单时向服务器传输数据，从而实现用户与web服务器的交互
3、表单时一个包含表单元素的区域
4、表单使用表单标签（<form>）定义

form表单的常见属性
action="url":一个URL地址；指定form表单向何处发送数据。url里面放的是一个路径，指定由哪一段程序来处理表单，
如果是注册，就可以由注册的程序来处理，登录由登录的程序处理。如：<form action=""></form>

name 表单名，方便操作 <form  name="regFrm"></form>
reg表示这个表单是干什么的（reg注册），Frm是form的一个缩写

enctype="string"通常使用在文件上传，<form  enctype="multipart/form-data"></form>以二进制传输

method="get/post":指定表单以何种方式发送到指定的服务器程序。

一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮。
1、表单标签：是指<form>标签本身，他是一个包含表单元素的区域，使用<form></form>定义
2、表达域：是<form>标签中用来收集用户输入的每一项，通常用input标签来定义
3、表单按钮：用来提交<form>表单中的所有信息到服务器。

表单元素
单行文本框：<input type="text">默认值是 type=“text”
密码框<input type="password"/>
单选按钮<input type="radio"/>
复选框：<input type=“CheckBox”/>
隐藏框：<input type="hidden"/>
文件上传：<input type="file"/>

<form action="" method="post" enctype="multipart/form-data">
<input type="file" name="file1"/>
<input type="submit"/>
</form>

下拉框<select>标签
<select>
<option value="1">北京</option>
<option value="2">天津</option>
</select>
disabled="disabled" 规定禁用该下拉列表

使用optgroup为option分组，通过label指定分组的名称

多行文本<textarea></textarea>
多行文本是可以拖动改变大小的，如果不想改，可以用resize:none来设定。
placeholder 规定描述文本区域预期值的简短提示
readonly 规定文本区为只读
required 规定文本区域是必填的，不能和readonly一起用。

标签<label></label>
<label for="MyId"></label>
<input type="radio" id="MyId"/>

元素集
<fieldset>
<legend>健康信息</legend> //通过legend指定元素集的标题
身高：<input type="text"/>
体重：<input type="text"/>
</fieldset>

提交按钮<input type="submit"/>
普通按钮<input type="button"/>
重置按钮<input type="reset"/>
图片按钮<input type="image">也有提交作用，不过容易提交两次

默认选中
单选、复选 checked=“checked”
下拉列表 selected="selected"

html5中的input类型：
email
URL
number
range  （滑动条，可以设min最小值，max最大值，value当前值）
Date
search
color

post方式与get方式的区别：
一、安全性
get方式不够安全，以URL方式进行提交
post以请求实体提交，不会显示地址栏，足够安全
二、提交大小限制
get方式提交的内容大小有限，一个地址栏放不了多少东西，1k左右
post大小无限制，可以放大文件（音频，视频，图像等）