如何使它成為一個提交按鈕？

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>標記中，應該這樣做。 順便說一句，這對您早日涉足Web開發非常有幫助。

編輯： @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這樣簡單的事情是沒有意義的。