Submit an HTML form without having a submit button?

Question

Can I submit a html

with

instead of ?

Like this:

相关标签:

Answer 1

For better semantics and graceful degradation, I suggest you do this:

$(document).ready(function(){
    $('form input[type="submit"]').replaceWith('<div class="submit">Submit the form by clicking this</div>'); // replace submit button with div

    $('.submit').live('click', function() {  
        $(this).closest('form').submit();
    });
});

This way, your form remains usable for clients without JS.

That being said: Just style your input to look the way you want it to with CSS ;)

Answer 2

Only by using JavaScript, typically you'd use jQuery and tie the click event of the div to the submit event of the form.

See: http://api.jquery.com/submit/

The example there even demonstrates this exact scenario.

Answer 3

Bind the div click event.

$("div").click(function(){ $("form#myForm").submit(); });

Answer 4

why don't you just style a button to look like a regular div? :)

button{
    border:none;
    background:none;
    padding:0;
    text-align:left; 
}

Answer 5

$('#myDiv').click(function() {  
    $('#myForm').submit();
});