form表单
html的表单用于搜集各种用户输入信息并提交，能增加网站的交互效果。
表单是一个包含表单元素的区域，用标签<form>来进行定义。表单元素就放在此标签对中。
<form> ……input元素</form>
form标签里面的常见属性如下
action: 表单提交的地址, 肯定是要提交给某个服务器的,action的地址就是要提交的服务器的地址
method:以何种方式提交,常见的为get和post. 区别在于一个是明文(在url中显示),一个是暗文
onSubmit属性：指定当用户单击提交按钮时触发的事件。
target属性：指定输入数据结果显示在哪个窗口中，_blank标示在新窗口中打开目标文件；_self表示在同一个窗口中打开，该项一般不用设置；_parent表示在上一级窗口中打开，一般使用框架页时经常使用；_top表示在浏览器的整个窗口中打开，忽略任何框架。
</form> ```
form标签是和服务器交互用的, 以用户注册为例：
用户在浏览器中的注册页面添加信息后,点击提交,此时是将这些信息提交至某个服务器，服务器根据提交的信息将注册信息保存. 这个过程就需要使用form标签了，form中action属性应该是服务器注册模块的地址。
form标签下应该有input,textarea,select等表单标签以及<input type=" submit"标签，当点击submit按钮时,浏览器会自动将表单信息封装提交至action中的地址。
所谓的提交就是访问action中地址并携带着form表单中input,textarea,select的信息
##常用的input标签
```<input type="image" disabled="disabled" checked="checked" width="digit" maxlength="digit"
readonly="" size="digit" src="Uri" usemap="Uri" alt="" name="checkbox" value="checkbox">```
属性值：
type：用于指定添加的是哪种类型的输入字段：有text、password、file、radio、checkbox等
disabled：指定输入字段不可用，即字段变成灰色，其属性值可以为空值，也可以指定为disabled
checked：指定输入字段是否处于被选中状态，用type属性值为radio和checkbox的情况
width：指定输入字段宽度，用type属性值为image情况
height：指定输入字段高度，用type属性值为image情况
maxlength：指定可输入文字个数，用于type为text和password情况，默认没有字数限制
readonly：设置为只读，属性值可为空，也可为readonly
size：指定图片来源，type属性值为image时有效
usemap：为图片设置热点地图，type属性值为image时有效
alt：用于指定当图片无法显示时显示的文字，type属性值为image时有效
name：指定输入字段的名称
value：指定输入字段默认的数据值,当type为checkbox和radio时，不可省略，指定的是数据项选定时的值。当type属性值为button、reset、submit时，指定的是按钮上的显示文字；
代码案例：
##<select >...<select>下拉列表框
```<select name="name" size="digit" multiple="multiple" disabled="disabled">
</select> ```
属性：
name：列表框的名称
size：显示的选项数量，超出通过拖动滚动条查看
disabled：指定列表框不可用
multiple：用于让多行列表框支持多选
##<textarea> 文本域
```<textarea cols="digit" rows="digit" name="name" disabled="disabled" readonly="readonly" warp="value">默认值
</textarea> ```
属性值：
name：指定多行文本框名称，表单提交后，在服务器端获取表单数据时应用
cols：指定多行文本框显示的列数(宽度)
rows：指定多行文本框显示的行数(高度)
disabled：指定多行文本框不可使用(变灰)
readonly：指定当前多行文本框只读
warp：设置选中的文字是否自动换行：可选值：hard：默认值，自动换行，提交到服务器时换行符同时被提交；soft：自动换行，但是换行符不被提交；off“：不自动换行。
##下面给出一个简单的示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>form</title>
</head>
<body>
<form action="#" method="get" name="myform">
<div>
<label for="username" >姓名: </label>
<input type="text" name="username" id="username">
</div>
<div>
<label for="password">密码:</label>
<input type="password" name="password" id="password" placeholder="请输入密码">
</div>
<div>
<label>性别: </label>
<input type="radio" name="sex" value="男" checked="checked">男
<input type="radio" name="sex" value="女">女
</div>
<div>
<label>取向: </label>
<input type="radio" name="tend" value="男" >男
<input type="radio" name="tend" value="女" checked="checked">女
</div>
<div>
<label>爱好:</label>
<input type="checkbox" name="hobby" value="username">data
<input type="checkbox" name="hobby" value="username" checked="checked">旅游
<input type="checkbox" name="hobby" value="username" checked="checked">宠物
</div>
<div>
<label>评论:</label>
<textarea name="comment"></textarea>
</div>
<div>我的car
<select name="car">
<option value="sa">萨博</option>
<option value="fa">法拉利</option>
<option value="lao">劳斯莱斯</option>
</select>
<input type="submit" name="submit" value="提交上">
</div>
</form>
</body>
</html>
