Gombok űrlapban JavaScriptben
Már tudod, hogy egy űrlap elküldése
gombnyomásra történik. Itt azonban vannak árnyalatok.
A gombnak rendelkeznie kell a type
attribútummal, amelynek értéke submit kell legyen:
<form>
<input name="test1">
<input name="test2">
<input type="submit">
</form>
Az űrlapot a button tag is elküldi
a type attribútummal, amelynek értéke submit:
<form>
<input name="test1">
<input name="test2">
<button type="submit">btn</button>
</form>
Az űrlap akkor is elküldődik, ha bármelyik
inputmezőbe fókuszálunk és lenyomjuk az Enter billentyűt.
A type attribútummal rendelkező gomb, amelynek értéke
button, oldalelemként szolgál
és nem küldi el az űrlapot:
<form>
<input name="test1">
<input name="test2">
<input type="button">
</form>
Hasonló módon működik a button tag:
<form>
<input name="test1">
<input name="test2">
<button>btn</button>
</form>
A type attribútummal rendelkező gomb, amelynek értéke
reset, kitörli a kitöltött űrlapot:
<form>
<input name="test1">
<input name="test2">
<input type="reset">
<input type="submit">
</form>
Javítsa a következő kódot úgy, hogy a gomb elküldje az űrlapot a szerverre:
<form>
<input name="name">
<input name="surn">
<button>send</button>
</form>