0

我决定为我的登录页面设计一个链接按钮，而不是无聊的按钮。唯一的问题是我不确定如何让它工作。

这是链接按钮之前的代码：

 <div id="centerDoc">
    <div id="loginScreen">
     <table width="400" border="0" align="center" cellpadding="0" cellspacing="1" bgcolor="#CCCCCC">
    <tr>
    <form name="form1" method="post" action="">
    <td>
    <table width="100%" border="0" cellpadding="3" cellspacing="1" bgcolor="#FFFFFF">
    <tr>
    <td colspan="3"><strong>User Login </strong></td>
    </tr>
    <tr>
    <td width="78">Username</td>
    <td width="6">:</td>
    <td width="294"><input name="username" type="text" id="username"></td>
    </tr>
    <tr>
    <td>Password</td>
    <td>:</td>
    <td><input name="password" type="password" id="password"></td>
    </tr>
    <tr>
    <td>&nbsp;</td>
    <td>&nbsp;</td>
    <td><input type="submit" name="login" value="Login"></td>

    </tr>
    <tr><td colspan="3"><?php   require_once 'checkLogin.php';   ?></td></tr>
    </table>
    </td>

    </form>

所以唯一的区别是：

<td><input type="submit" name="login" value="Login"></td>

我已经添加：

<td><a href="#" class="loginButton" name="login" value="login">Log in</a></td>

但正如我怀疑它没有做任何事情。我怎样才能解决这个问题？谢谢。

编辑：我想使用自定义 css 按钮而不是默认按钮。我的理解是，这需要通过链接按钮来完成。但我还需要获取 post 事件，以便checkLogin.php可以通过 isset test 进行必要的处理if (isset($_POST['login'])){。希望这是有道理的。

4

3 回答 3

4

您可以为输入设置样式以使其看起来不错，但对于链接，您需要包含以下属性：

onclick="document.forms[0].submit(); return false;"

根据代码的其余部分，您也可能不需要nameor属性。value

于 2012-08-28T11:40:55.943 回答
1

快速谷歌搜索“javascript表单提交”

<form name="myform" action="handle-data.php">
Search: <input type='text' name='query' />
<a href="javascript: submitform()">Search</a>
</form>
<script type="text/javascript">
function submitform()
{
  document.myform.submit();
}
</script>

编辑：cgoddard 的解决方案更好

于 2012-08-28T11:42:45.167 回答
0

您还需要将 loginButton 定义为

.loginButton {
    display:block;
    width:90px;
    height:50px;
    background:#ccc;
}

这也需要加载到页面中。

<html>
<head>
<title>Test</title>
<style>
.loginButton {
    display:block;
    width:90px;
    height:50px;
    background:#ccc;
}
</style>
</head>
<body>
   <a href="#" class="loginButton" name="login" value="login">Log in</a>
</body>

上面的示例应该适合您。

于 2012-08-28T11:53:51.640 回答