<form>标签的属性
| 属性 | 值 | 描述 |
|---|---|---|
| action | URL地址 | 规定当提交表单时，向何处发送表单数据 |
| method | get或post | 规定以何种方式将表单数据提交到action的URL那里 |
| enctype | application/x-www-form-urlencoded(默认，全部编码) multipart/form-data(不对文件编码，使用文件上传控件的表单，必用此值) text/plain | 规定在发送表单数据之前如何对其进行编码 |
| target | _blank(常用) _self(常用) _parent _top framename | 规定在何处打开action URL |
表单同步提交的缺点
- 同步提交后，整个页面会发生跳转，跳转到action URL所指向的地址，用户体验很差
- 页面之前的状态和数据会丢失
解决上述两个问题：表单只负责采集数据，Ajax负责将数据提交到服务器。
通过Ajax提交表单数据
监听表单提交事件
$('#form1').submit(function(e) {
alert(11);
})
$('form1').on('submit', function(e) {
alert(111);
})阻止表单默认提交行为
// 调用event.preventDefault()函数，阻止表单提交和页面的跳转
$('#form1').submit(function(e) {
alert(11);
e.preventDefault();
})
$('form1').on('submit', function(e) {
alert(111);
e.preventDefault();
})
Comments | NOTHING