reset()方法 submit()方法

最新推荐文章于 2023-08-30 16:19:06 发布

畏旧

最新推荐文章于 2023-08-30 16:19:06 发布

阅读量961

点赞数

文章标签： js javascript

本文链接：https://blog.csdn.net/Janner668/article/details/113823245

版权

提交不仅非要使用按钮
用普通的文字，图片，加入链接都可以提交/重置表单
用到两个方法submit()、reset()

使用文字或图片，设置链接和触发事件即可

  <body>
  	//创建表单
    <form action="/a" method="post" id="form">
      <input type="text" name="username" /><br /><br />
      <input type="text" name="age" /><br /><br />
      <input type="text" name="salary" /><br /><br />
      <input type="text" name="aaa" /><br /><br />
      <input type="text" name="bbb" /><br /><br />
	//在链接上添加触发事件 重置，提交
      <a href="#" onclick="resetForm()">重置表单</a>
      <a href="#" onclick="submitForm()">提交表单</a>
    </form>
    <script>
      //重置触发事件
      function resetForm() {
        let formEle = document.getElementById("form");
        formEle.reset();
      }
	  //提交触发事件
      function submitForm() {
        let formEle = document.getElementById("form");
        formEle.submit();
      }
    </script>
  </body>

当点击提交时，可以完成提交这一步的操作，但因为没有接口会405

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

畏旧

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
reset()方法 submit()方法

提交不仅非要使用按钮用普通的文字，图片，加入链接都可以提交/重置表单用到两个方法submit()、reset()使用文字或图片，设置链接和触发事件即可 <body> //创建表单 <form action="/a" method="post" id="form"> <input type="text" name="username" /><br /><br /> <input type="tex
复制链接

扫一扫