Bouton de formulaire html vs type d'entrée = "submit" vs this.submit()?

Question

Quelle est la manière sémantique conforme aux normes appropriées d'avoir un bouton de soumission sur un formulaire? Je n'ai pas besoin d'images ou d'arrière-plans dans les boutons, juste du texte simple, peut-être un fond dégradé avec des coins courbes (en utilisant CSS3). Ce sont les moyens que je connais:

<input type="submit" value="click here"/> 

<button>click here</button> 

<span class="button">click here</span> 
<script> 
$('.button').click(function() { 
    this.submit(); 
} 
</script> 

Je pense input type = « submit » est le bouton approprié puisque c'est ce qu'il a été conçu pour?

Answer 1

La norme est bien sûr en utilisant la <input type="submit" value="click here"/>

Un bouton avec une fonction javascript ne fonctionne plus si javascript est désactivé

<input type="image" src="button_image_url"/> 

se comporte de la même manière que si un bouton d'envoi jamais vous avez besoin images pour le rendre plus chic si vous êtes paresseux pour le style avec CSS

Dans votre cas, je suppose que vous avez du mal à styliser le bouton soumettre. Si c'est le cas, voici le reference que j'ai toujours utilisé jusqu'à ce que jquery-ui entre en scène.