ფორმის ღილაკები JavaScript-ში

თქვენ უკვე იცით, რომ ფორმა იგზავნება ღილაკზე დაჭერით. თუმცა, აქ არის ნიუანსები. ღილაკს აუცილებლად უნდა ჰქონდეს ატრიბუტი type მნიშვნელობით submit:

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

ფორმას ასევე გაგზავნის button ტეგი type ატრიბუტით submit მნიშვნელობით:

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

ფორმა ასევე გაიგზავნება, თუ ნებისმიერ ინპუტში დაისვამთ ფოკუსს და დააჭერთ Enter.

ღილაკი type ატრიბუტით button მნიშვნელობით გამოიყენება როგორც გვერდის ელემენტი და ფორმას არ გაგზავნის:

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

ანალოგიურად იმუშავებს button ტეგი:

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

ღილაკი type ატრიბუტით reset მნიშვნელობით გაასუფთავებს შევსებულ ფორმას:

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>