Cara Submit Form HTML Dengan Button Yang Berada Diluar Form

Ternyata button ngga harus selalu berada di dalam form

image-cover
HOME / SNIPPETDibuat padaDiperbarui padaWaktu baca1 menitOlehDwiki Arlan

Kita bisa menempatkan sebuah tombol atau button diluar form, untuk men-trigger onsubmit event pada sebuah form. Syaratnya form harus di beri sebuah id, contohnya <form id="form-contact" ... kemudian pada button submit kita tinggal refer dengan memberi properti form pada button seperti <button form="form-contact" ...

Contoh lengkapnya seperti dibawah ini:

<div>
  <form id="form-contact">
    <label for="name">Nama:</label>
    <input type="text" name="name"></input>
    <label for="email">Email:</label>
    <input type="email" name="email"></input>
  </form>

  <!-- element lain bisa ada disini -->

  <button type="submit" form="form-contact">Submit</button>
</div>