表单数据提交

2020-05-29  本文已影响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>

上一篇 下一篇

猜你喜欢

热点阅读