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>

I don’t know how to make that a valid submit button.. I have a form and it doesn’t redirect to my action! By the way the template is one that I’ve found on the internets and I’m trying to adapt it. I want a submit button but with the same looks, with the same divs..

Any of you professionals know? I’m 10 and I think I’m very into this 🙂

The whole form:

<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

Use a <input type="submit" value="Log in" />, and style it with CSS.

If you want to use an <a> element, you’ll need to add some JavaScript. It’s simple enough to do with jQuery, but there’s no point in relying on JavaScript for such a simple thing.