form表单方法示例

来源:互联网 发布:黑客帝国 矩阵革命 编辑:程序博客网 时间:2024/06/06 18:01

1.代码:
<%--
    Document   : index
    Created on : 2009-10-4, 13:56:46
    Author     : lucifer
--%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
            function giveFocus(){
                 document.login.user.focus()
            }
            function submitForm(){
                 document.login.submit()
            }
            function resetForm(){
                 document.login.reset()
                 document.login.user.focus()
            }
       </script>
  </head>
  <body bgcolor="#c0c0c0" link="#999999" alink="#999999" vlink="#999999"
        onload="giveFocus()">
       <center>
       <font size="+2">
       <br><br>
       <B>LOGIN</B>
       </font>
       <br><br><br><br>
       <form name="login" method="post"
             action="http://wenda.tianya.cn/wenda/thread?tid=129583d1f709f89f">
            <table width="50%">
                 <tr>
                      <td align="right">
                           <font size="+1">
                                <B>User ID</B>
                           </font>
                      </td>
                      <td>
                           <font size="+1">
                           <input type="text" name="user" maxlength="9">
                           </font>
                      </td>
                 </tr>
                 <tr>
                      <td align="right">
                           <font size="+1">
                                <B>Password</B>
                           </font>
                      </td>
                      <td>
                            <font size="+1">
                                 <input type="password" name="password"
                                        maxlength="8">
                            </font>
                      </td>
                 </tr>
            </table>
            <br><br><br>
            <font size="+1">
                 <B>
                      <input type="button" value="LOGIN" onclick="submitForm()">
                      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                      <input type="button" value="RESET" onclick="resetForm()">
                      <br>
                 </B>
            </font>
       </form>
       </center>
  </body>
</html>


2.结论:

"formname".submit()作用与<input type="submit" ......>相同,就是提交表单数据,如果button和submit同时存在,只有submit有提交表单的作用