Logo Komodo Koding /Koding

Tombol Submit di HTML

Untuk mengirim data setelah selesai mengisinya, perlu sebuah tombol yang disebut tombol submit

Pada sebuah tampilan formulir, dibutuhkan tombol yang akan user tekan ketika sudah selesai mengisi datanya sebagai penanda untuk mulai memproses data tersebut.

Cara membuat tombol submit di form

Gunakan tag input dengan type submit seperti berikut

<input type="submit"/>

Secara otomatis, HTML akan memasukkan text “Submit” di tombol tersebut.

Cara mengubah text submit

Gunakan atribut value dan beri nilai sesuai yang kamu inginkan, untuk mengubah text dari tombol submit

<input type="submit" value='Kirim!'/>

Contoh form dengan tombol submit

Contoh kode lengkap

<form>
    <label> Username </label>
    <input type='text'>
    <input type='submit' value='Kirim!'>
</form>

Yang hasilnya

😲 Info sampingan

Selama belajar seputar form di bagian HTML di kodi.ng,
kita hanya akan membuat tampilannya saja. Belum fungsinya

Alternatif tombol dengan tag button

Form juga bisa dikirim dengan tombol button selain input submit.

Contoh kode dengan button

<form>
    <label> Username </label>
    <input type='text'>
    <button>Kirim!</button>
</form>

Yang hasilnya