美文网首页
表单数据提交

表单数据提交

作者: 孜然味的啊 | 来源:发表于2020-05-29 21:14 被阅读0次

一定是先要有submit reset对应设置onsubmit,onreset

函数1:id来获得对象,用来调对象的value

函数2:msg+=

<!doctype html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>表单提交、重置事件的应用</title>

<style type="text/css">

  fieldset{width:300px;height:150px;}

</style>

        <script language="javascript" type="text/javascript">

    function $(id){return document.getElementById(id);}

    function submitTest(){           

            var msg ="用户名:"+$("input1").value;

              msg+="\n密码:是"+$("input2").value;

          alert(msg); 

        return false;

      }

    function resetTest(){alert("将数据清空");}

        </script>

    </head>

    <body>

  <form onsubmit="return submitTest();"  onreset="resetTest()">

  <fieldset>

      <legend>表单数据提交</legend>

    <br><label>用户名:</label><input type="text" id="input1">

        <br><label>密&nbsp;码:</label><input type="password" id="input2">

          <br><input type="submit" value="提交">

                    <input type="reset" value="重置">

                </fieldset>

            </form>       

    </body>

</html>

相关文章

  • FormData

    表单,FormData 对象 表单概述 表单用来收集用户提交的数据,发送到服务器 表单提交 1. 提交 表单里...

  • GET表单提交/POST表单提交/数据交互/ node 垃圾回收

    GET表单提交 POST表单提交 同时处理get与post请求 数据交互 HTML 数据库 扩展

  • HTML表单的用法

    HTML表单用于用户向服务器端提交表单数据,用法为 提交的表单数据区域 。用form标签包裹着表单控件,如inpu...

  • 技术部作业指导

    目录: HTML表单--提交数据 数据库操作--查询 微信接口 其他 HTML表单 表单代码:

  • 表单提交

    表单:数据的提交 ---------action:数据提交地址,默认是当前页面 -------method:数据提...

  • JavaScript 通信 / Ajax

    Ajax 表单提交 在HTML中提供了表单提交的功能,我们可以通过表单把数据从前台提交到后台 在HTML的DOM中...

  • axios学习笔记

    一、axios的基本使用 get,获取数据 post,提交数据(表单提交以及文件上传) put,更新数据 (提交所...

  • SpringMVC-接收表单数据的方式

    前台提交表单数据到后台进行处理 form 表单提交数据,get方法会将数据通过请求url方式向后台传送,post方...

  • form表单

    form表单 action属性规定表单提交向何处发送表单数据method属性规定如何发送表单数据method=“g...

  • Django获取传送数据

    Form表单传递数据(POST或GET,一般是POST) 普通数据form表单提交数据