html - PHP 和 css 链接按钮

Question

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

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

 <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 按钮而不是默认按钮。我的理解是这需要使用链接按钮来完成。但我还需要获取发布事件，以便 checkLogin.php 可以通过执行 isset 测试 if (isset($_POST['login'])){。希望这是有道理的。

Answer 1

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

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

您可能也不需要 name 或 value 属性，具体取决于您的代码的其余部分。