HTML表单
HTML表单
表单的工作原理
表单最重要的表现就是在客户端上接收用户的信息，然后将数据递交给后台的程序来操纵这些数据。
简单理解就是：接收用户输入的信息，将其传递给服务器。
创建表单
创建表单<form>...</form>其中有几个比较重要的属性，分别是action 和 method和 enctype和target
（1）action属性
用户信息被传递到的地方，例如：<form action="save.php"></form>
（2）method属性
告诉浏览器是以何种方式传递出去的，method 有两种属性post和get，默认情况下是以get方式传递出去的
（3）name属性
name属性是为了能够将数据传递出去后还能够较好的识别
（4）entctype是关于编码方式的问题
（5）target目标显示
表示是在何处打开url，可以设置四种方式，_blank,(在空白页打开),_parent(在父页中打开），_self表示是在相同的窗口中打开页面，_top表示将页面载入到包含该链接的窗口中
<form action="#" method="post" enctype="multipart/form-data">
姓名：<input type="text" name="name" value="your name here" size="20"/><br />
年龄：<input type="age" name="age" value="20" size="20"/><br />
性别：<input type="radio" name="sex"/>男<input type="radio" name="sex" />女
</form>多种多样的表单域
input对象下的多种表单的表现形式
通常，在页面中看到的大部分表单的形式都是通过input形式实现的，一个简单的样式看上去是这样的。
<input name="" type="" value="" size=" "maxlength=""/>（1）type属性：表示所定义的是那种类型下表单形式，这个属性有九个可选值
| text | 单行文本 |
| password | 输入密码 |
| checkbox | 复选框 |
| radio | 单选框 |
| submit | 确定命令文本框 |
| hidden | 设定不可被浏览用户修改的数据 |
| image | 同图片表示确定符号 |
| file | 设置文件上传 |
| button | 用来配合客户端脚本 |
（2）size:表示文本框的长度
（3）maxlength:表示可输入的最长字符数量
（4）value；表示预先设置好的信息
<body>
<div>
<form action="#" method="post">
<h3 align="left">申请注册：</h3>
<input type="radio" name="meth" />使用邮箱注册账号<br />
<input type="radio" name="meth"/>通过手机号注册<br/>
<input type="radio" name="meth"/>通过qq账号注册<br />
<input type="submit" value="提交 "/>
</form>
</div>
</body>
file上传文件的样式表单
注意：当使用file表单时，form中必须声明编码方式，如 enctype="multipart-data".这样才能使服务器接受到正确的信息。
<form enctype="multipart/form-data" method="post" action="#">
<input type="file" name="upload" />
</form>通过行（rows）和列（clos）来控制文本域的大小，常用于留言板、、、
<form enctype="multipart/form-data" method="post" action="#">
<textarea cols="50" rows="50" name="some" value="say">请文明用语</textarea>
</form>select对象中的表单
创建出列表样式的表单，显示为出现下一个下拉框————创建下拉框
<form action=" " method="post" >
地址：
<select name="china">
<option >山东</option>
<option>上海</option>
<option>广东</option>
<option selected="selected">北京</option>
</select>
</form>
表单域集合
如果一个表单项目过于太多，设计者可以通过使用表单域将表单分组。当然，表单域未必是只有太长表单的情况下可一使用，事实上，可以通过表单域美化页面。
<form>
<fieldset >
<legend>注册信息：</legend>
<!--这里可以放表单-->
用户名：<input type="text" size="20" name="username"/><br />
密码 ：<input type="password" size="20" name="password"/><br />
</fieldset>
</form>
HTTML5表单的进化
这里只挑了几个简单的做一下笔记
（1）range类型
制作滑动条<input type="range" name="age" id="name" min="0" max="1" step="0.2"/>
