Boutons de formulaire en JavaScript
Vous savez déjà qu'un formulaire est soumis
par un clic sur un bouton. Cependant, il y a des nuances ici.
Le bouton doit avoir l'attribut type
avec la valeur submit :
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Le formulaire sera également soumis par la balise button
avec l'attribut type ayant la valeur submit :
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Le formulaire sera également soumis si, dans n'importe
quel champ de saisie, on place le focus et qu'on appuie sur Entrée.
Le bouton avec l'attribut type ayant la valeur
button est utilisé comme un élément de la page
et ne soumettra pas le formulaire :
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
La balise button fonctionnera de manière analogue :
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Le bouton avec l'attribut type ayant la valeur
reset videra le formulaire rempli :
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Corrigez le code suivant pour que le bouton soumette le formulaire au serveur :
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>