Form表单的标签属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="./lib/jquery.js"></script>
</head>
<body>
<form action="/login" >
    <input type="text" name="email_or_mobile"/>
    <input type="password" name="password"/>
    <button type="submit">提交</button>
</form>
<script>
    $(function (){
        //第一种方式
        $('#f1').submit(function (e){
            //alert('监听到了表单的提交事件')
            //阻止表单的默认提交行为
            e.preventDefault()
            //快速获取表单的值
            var data=$(this).serialize()
            console.log(data)
        })

        // //第二种方式
        // $('#f1').on('submit',function (e){
        //     alert('监听到了表单的提交事件2')
        // e.preventDefault()
        // })
    })
</script>
</body>
</html>

Q.E.D.