Question

<a id="submit_signup" class="submit-button button-link" href="">
    <div class="button-container">
        <div class="button-left"></div>
        <div class="button-content">Log in</div>
        <div class="button-right"></div>
    </div>
</a>

我不知道如何使其成为有效的提交按钮..我有一个表单，它没有重定向到我的行动！顺便说一下，模板是我在互联网上找到的模板，我正在尝试对其进行调整。我想要一个提交按钮但具有相同的外观，具有相同的div ..

你们任何一位专业人士都知道吗？我10岁，我觉得我非常喜欢这个：）

整个表格：

<form id="register_form" method="post" action="data.php">
    <div class="input-area">
        <h4>Username / Email</h4>
        <input id="id_usermail" type="text" class="text" value="Username or Email" name="id_usermail" />
    </div>
    <div class="input-area">
        <h4>Password</h4>
        <input id="id_password" type="password" class="text" value="password" name="id_password" />
    </div>

    <a id="submit_signup" class="submit-button button-link" href="">
        <div class="button-container">
            <div class="button-left"></div>
            <div class="button-content">Log in</div>
            <div class="button-right"></div>
        </div>
    </a>

    <div id="errors" class="errors"></div>
</form>

Answer 1

我将整个事情包装在<button>标签中，应该这样做。 BTW，对你早日进入网络发展有好处。

编辑： @Gareth是对的：转换为并保留属性。

Answer 2

将所有内容全部替换为<input type=submit value="Log in">或<button type=submit>Log in</button>。

你在某处找到的代码使用棘手的标记来创建类似按钮的东西，大概是使用带有CSS的背景和所有类型的代码（包括使其功能模拟提交按钮的代码）不包含在你所包含的代码段中。

Answer 3

你必须使用标签并确定行动和..这里

<form action="target_page">
  ...
  <input type="submit" value="submit" />
</form>

Answer 4

使用<input type="submit" value="Log in" />，并使用CSS设置样式。

如果您想使用<a>元素，则需要添加一些JavaScript。这对jQuery来说很简单，但是依靠JavaScript来做这么简单的事情是没有意义的。

如何使这个提交按钮？

4 个答案: