form表单常用属性
action
<form action="">
![在这里插入图片描述](https://img-blog.csdnimg.cn/2afd3f02ddb64fe687406ef970505546.png)
target
![在这里插入图片描述](https://img-blog.csdnimg.cn/fc544ff1d8e04b1d99c5632969b73732.png?x-oss-process=imag/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAJnpoeGlhbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
method
![在这里插入图片描述](https://img-blog.csdnimg.cn/dff49c9ad74e47d4a3cb8cb2ae84a15e.png)
enctype
![在这里插入图片描述](https://img-blog.csdnimg.cn/12bac0be21774eacb7b3725d07a8414a.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAJnpoeGlhbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
jQuery中监听表单的提交事件
![在这里插入图片描述](https://img-blog.csdnimg.cn/2359c0cc384b4f248b6067745fe95ce2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAJnpoeGlhbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
阻止表单的默认行为
![在这里插入图片描述](https://img-blog.csdnimg.cn/874f07c22b1049afa8b23775d0cc7ade.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBAJnpoeGlhbw==,size_20,color_FFFFFF,t_70,g_se,x_16)
通过serialize()
获取表单数据
<form action="" id="fm">
$(function(){
$('#fm').submit(function(e){
e.preventDefault();
var data = $(this).serialize();
console.log(data);
})
})
![在这里插入图片描述](https://img-blog.csdnimg.cn/372fce22e7e04c91b0d7945f00a89983.png)