Logo Komodo Koding /Koding

Membuat Form di HTML

HTML Form digunakan untuk menerima input dari pengguna situs. Namun dibutuhkan sisi server untuk menerima datanya

Kamu pasti sudah pernah melihat sebuah form (Formulir) . Contohnya seperti ini.

Contoh Form

Formulir seperti ini bisa dibuat dengan HTML.

😲 Info sampingan

Dalam bahasa Indonesia, formulir juga bisa disebut "borang"

Mengirim data membutuhkan server

Selama belajar seputar form di bagian HTML di kodi.ng, kita hanya akan membuat tampilannya saja. Namun belum bisa mengirim datanya ke mana pun. Karena dibutuhkan server untuk mengolah dan menerima data tersebut yang berada di luar pelajaran HTML.

Apa yang bisa dibuat dengan Form HTML

Elemen apa saja yang bisa dibuat dengan Form HTML? banyak sekali!

  • input text
  • input password
  • input nomor
  • checkbox
  • radio button
  • tombol submit
  • masih banyak lagi!

Struktur dasar form HTML

Form pada HTML, ditandai dengan tag pembuka dan penutup dari <form>

<form>
    // isi formnya
</form>

Lalu isi dari formnya, tergantung dari elemen apa yang ingin kamu tampilkan, kita bisa lihat satu per satu elemen yang bisa dimasukkan di sebuah form.

Contoh untuk menampilkan input text

<form>
    <input type="text">
</form>

Contoh untuk menampilkan input text dan input password

<form>
    <input type="text">
    <input type="password">
</form>