美文网首页
表单数据提交

表单数据提交

作者: 孜然味的啊 | 来源:发表于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>

    相关文章

      网友评论

          本文标题:表单数据提交

          本文链接:https://www.haomeiwen.com/subject/ieafzhtx.html