HTML表单总结

1：表单的重定向

我是个HTML初学者，有时连很多低级的问题都不知道怎样处理，比如今天在一个项目中遇到一个十分简单的问题——表单提交后需要让页面重定向，我就忙活了大半天，最后上网一查，才知道原来是这样提交的，如下代码：

 

<form id="formLogin">
            <table border="0" align="left" width="193" cellpadding="1" cellspacing="0" style="border-style:solid;border-width:0px;border-color:#eeeeee;">
                <tr>
                    <td align="left" valign="bottom" height="45"><font class="normal">用户名：</font>
                    <td valign="bottom"><input type="text" name="userAreaUserName" id="userAreaUserName" class="id" maxlength="16" value="admin"/></td>
                </tr>
                <tr>
                    <td align="left" height="40"><font class="normal">密码：</font>
                    <td><input type="password" name="userAreaUserPwd" id="userAreaUserPwd" class="pwd" maxlength="16" value="admin"/></td>
                </tr>
                <tr>
                    <td align="center" colspan="2" class="tdfnt12px">
                        <input type="submit" value="登录" style="color:black;border-color:skyblue;border-style:solid;border-width:0px;vertical-align:middle;font-family:宋体;width:68px;height:24px;background:url(../images/ButtonBg02.png);" onclick="login()"/>
                    </td>
                </tr>
            </table>
            </form>

 

<script>
            function login()           
            {
                if(formLogin.userAreaUserName.value=="admin" && formLogin.userAreaUserPwd.value=="admin")
                {
                    formLogin.action="../HTMLFolders/UserArea.html"
                }
            }
        </script>