Butonat e Formës në JavaScript

Ju tashmë e dini se një formë dërgohet duke shtypur në një buton. Megjithatë, këtu ka nuanca. Butoni duhet patjetër të ketë atributin type me vlerën submit:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="submit">
</form>

Formën do ta dërgojë gjithashtu tagu button me atributin type me vlerën submit:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <button type="submit">btn</button>
</form>

Forma do të dërgohet gjithashtu nëse në cilindo prej inputeve vendoset fokusi dhe shtypet Enter.

Butoni me atributin type me vlerën button përdoret si element i faqes dhe nuk do ta dërgojë formën:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="button">
</form>

Në mënyrë të ngjashme do të punojë tagu button:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <button>btn</button>
</form>

Butoni me atributin type me vlerën reset do ta pastrojë formën e plotësuar:

public/form.html<form>
  <input name="test1">
  <input name="test2">
  <input type="reset">
  <input type="submit">
</form>

html<form>
  <input name="name">
  <input name="surn">
  <button>send</button>
</form>