基本结构
一个完成功能的表单包含如下3部分：包含框、输入框和提交按钮
form元素：表示表单，是一个包含框，包含了所有关于表单的元素
input元素：表单域对象，是一个输入框。
<form>
<input type="text" />
<input type="submit" value="提交" />
</form>
表单元素
form：定义表单
input：定义文本域
textarea：定义输入域
select：定义下拉菜单和列表框
option：定义下拉菜单和列表选项
buttion：定义表单发送按钮
optgroup：定义下拉选项组
label：定义表单控制标签
isindex：定义简单的输入框
datalist：指定输入控件的预定义选项列表
<form>
<label for="">姓名：</label>
<input type="text" /><br />
<label for="">性别：</label>
<label for="man">男</label>
<input type="radio" id="man" name="ager" value=男"" checked/>
<label for="wman">女</label>
<input type="radio" id="wman" name="ager" value="女" checked/><br
<label for="like">爱好：</label>
<select name="like" id="like">
<option value="篮球">篮球</option>
<option value="排球">排球</option>
<option value="羽毛球">羽毛球</option>
</select><br />
<label for="">婚姻：</label>
<input type="checkbox" id="hun" name="hun" value="已婚" checked/>
<label for="hun">已婚</label>
<input type="checkbox" id="hun" name="hun" value="未婚" checked/>
<label for="hun">未婚</label><br />
<label for="">自我描述：</label><br />
<textarea name="" id="" cols="30" rows="10"></textarea><br />
<input type="submit" value="提交"/>
</form>
form元素
form元素负责数据的收集打包和发送
enctype属性
将表单中输入的数据发送到服务器时，浏览器使用的编码类型
一共有三个值：
application/x-www-form-urlencoded：将表单中的数据以名/值对的形式发送给服务器，一般是默认值
multipart/form-data：将表单中的数据编码为一条消息，每个表单域对应消息中的一个部分，然后通过HTTP方式发送到服务器
如：JOSN的数据格式
text/plain：将数据以纯文本的方式进行编码，不经常使用
action属性
设置表单提交数据的目标文件，它可以是任意位置任何类型的文件。该文件包含服务器端脚本的处理文件。可以结合JavaScript进行数据处理
method属性
处理表单数据的方法get或post
get方法：从服务器上获取数据
post方法：向服务器上传数据
区别：1.传输方式不同：get将数据以名/值对的形式添加到action所设置的URL后面，并使用？链接URL，各个变量之间使用&链接
post将表单中的数据放在数据体中，按照变量和值相对应的方式传递到action所指向的url
2.get传递的数据会浏览器地址栏展示，对于用户信息保护不好；get传递的数据对于用户来说是不可见的，信息比较安全
3.get传递的数据量小，post可以传递大量数据
4.get中，数据在URL中传输必须使用ASCII字符；post没有字符集的限制
