将提交按钮的 HTML 转换为链接 HTML？

Question

我在 HTML 中有以下提交按钮：

<input name="submit" type="submit" value="Sign In" />

我想使用以下方法将其转换为 HTML 链接：

<a  href="#" onclick="document.getElementById('formname').submit()">Sign In</a>

但表格没有提交。

谢谢。

完整代码如下：

<form id="form_freeuser" action="login.php" method="post" name="form_freeuser">
            <div class="label"><label>Free User</label></div><input id="name" name="name" readonly="readonly" type="text" value="test" />
            <input id="user_email" name="email" readonly="readonly" type="password" value="test" />
            <input name="submit" type="submit" value="Sign In" />

        </form>

Answer 1

确保该id属性设置为您要发送到的任何内容getElementById()。

<form id="formname" action="/foo" method="get">
    <a  href="#" onclick="document.getElementById('formname').submit()">Sign In</a>
</form>?

这将修复您的代码，这就是您要问的问题。但是，作为元点，我不建议使用链接提交表单。用户需要一个按钮来提交表单，而不是一个链接。不要搞乱这样的语义。你会迷惑和惹恼用户。

您还可以使用 CSS 将按钮的样式设置为看起来像超链接。它具有完全相同的违反约定的问题。