form表单结合submit提交请求

form表单&submit的用法

<h3>form表单发送请求</h3>
    <!-- form表单里input中的name属性即为传过去的键，value属性即为传过去的值 -->
    <!-- form表单用submit提交自带enter键盘按下提交功能 -->
    <form action="myUrl地址" method="post">
      <p>
        账号
        <input type="account" name="loginId" />
      </p>
      <p>
        密码
        <input type="password" name="loginPwd" />
      </p>
      <button type="submit">登录</button>
    </form>

一：点击submit类型的button按钮或者在填写完表单按下回车键即可提交表单内的内容，并且跳转到acttion中的url地址，为form表单自带的默认属性

 

二：提交可以携带请求体一起发送请求，请求体的键为input中的name属性，值为input的vaule值，

 

 

三：也可以阻止默认事件，执行任何想要的js代码逻辑

  let formdom = document.querySelector("form");
      formdom.onsubmit = (e) => {
        // 阻止浏览器默认事件
         e.preventDefault();
        
        console.log("任意逻辑代码");
      };