Butoanele formularului în JavaScript
Știți deja că un formular este trimis la
apăsarea unui buton. Aici, totuși, există nuanțe.
Butonul trebuie să aibă obligatoriu atributul type
cu valoarea submit:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Formularul va fi trimis și de tag-ul button
cu atributul type cu valoarea submit:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Formularul va fi trimis și dacă în orice
câmp de introducere se pune focusul și se apasă Enter.
Butonul cu atributul type cu valoarea
button este folosit ca element al paginii
și nu va trimite formularul:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
În mod similar va funcționa tag-ul button:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Butonul cu atributul type cu valoarea
reset va goli formularul completat:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Corectați următorul cod astfel încât butonul să trimită formularul către server:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>