Lomakkeen painikkeet JavaScriptissä
Tiedät jo, että lomake lähetetään
painiketta napsauttamalla. Tässä on kuitenkin vivahteita.
Painikkeella on oltava attribuutti type
arvona submit:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Lomakkeen lähettää myös button-tagi
attribuutilla type arvona submit:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Lomake lähetetään myös, jos mille tahansa
input-kentästä asetetaan kohdistin ja painetaan Enter.
Painike, jolla on attribuutti type arvona
button, toimii sivun elementtinä
eikä lähetä lomaketta:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
button-tagi toimii vastaavalla tavalla:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
Painike, jolla on attribuutti type arvona
reset, tyhjentää täytetyn lomakkeen:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Korjaa seuraava koodi siten, että painike lähettää lomakkeen palvelimelle:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>