表单在网页中负责数据采集功能,
表单由三个基本部分组成 1.表单标签2.表单域3.表单按钮
action 属性用来规定当提交表单时,向何处发送表单数据
应该是后端提供的一个url地址,未指定值的情况下,action默认值为当前页面的url地址
当提交表单后,页面会立即跳转action指定的url地址
Tips: 在 van-search 外层增加 form 标签，且 action 不为空，即可在 iOS 输入法中显示搜索按钮
name 属性用于form表单收集数据
target 属性规定在何处打开action url
method 属性用来规定以何种方式把表单数据提交到action url
1.get 适合用来提交少量,简单的数据
2.post 开发常用, 方式适合用来提交大量的,复杂的,包含文件上传的数据
<form name="user" method="post" action="xx_xx.jsp" enctype="multipart/form-data">
表单标签中设置enctype="multipart/form-data"来确保匿名上载文件的正确编码。
enctype 属性,在涉及文件上传,必须将enctype 的值设置为multipart/form-data
如果表单不涉及上传操作,则直接设置为application/x-www-from-urlencoded
表单的同步提交:通过点击submit按钮,触发表单提交的操作,从而使页面跳转到action url 行为,叫做表单的同步提交
如果使用表单提交数据,则会导致以下两个问题1.页面发生跳转,页面之前的状态和数据会丢失
解决方案:表单只负责采集数据,Ajax负责将数据提交到服务器
serialize()函数
// 为了简化表单中数据的获取操作,jQuery提供了serialize()函数
// 表单必须添加name属性,并且不能重名
