CARA MEMBUAT FORM DI HTML

Memahami cara membuat form di HTML adalah salah satu dasar penting dalam belajar pemrograman web. Form HTML digunakan untuk mengumpulkan data pengguna, seperti informasi kontak, komentar, upload file dan lainnya. Di artikel ini, kamu akan belajar bagaimana membuat form sederhana di HTML dalam langkah-langkah yang mudah diikuti.

Sebelum kita mulai, kamu harus mengetahui bahwa form HTML terdiri dari beberapa elemen, termasuk form tag, input tag dan button tag. Mari kita bahas satu per satu.

Membuat Tag Form

Tag <form> adalah elemen HTML tempat kamu menempatkan semua elemen input, seperti kotak teks, checkbox, radio button, dan lainnya. Format dasar dari tag form adalah sebagai berikut:

<form action="/submit_form.php" method="post">
</form>

Atribut action digunakan untuk menentukan lokasi data form dikirim. Sementara itu, method digunakan untuk menentukan metode pengiriman data (biasanya get atau post).

Menambahkan Input Field

Setelah membuat tag form, selanjutnya adalah menambahkan field input. Field input memungkinkan pengguna untuk memasukkan data. Ada berbagai jenis input field yang bisa kamu gunakan, seperti teks, password, email, dan lainnya.

Berikut adalah contoh penambahan input field teks dan label:

<form action="/submit_form.php" method="post">
    <label>Nama:</label><br>
    <input type="text" name="nama"><br>
</form>

Tipe Lain dari Input Field

Tidak hanya teks, HTML juga mengizinkan berbagai jenis input field lainnya. Beberapa di antaranya meliputi:

• type="password": untuk sandi
• type="radio": untuk pilihan tunggal dalam serangkaian opsi
• type="checkbox": untuk pilihan ganda dalam serangkaian opsi
• type="submit": untuk tombol kirim

Menambahkan Button Submit

Tombol submit digunakan agar pengguna dapat mengirimkan data yang telah mereka isi dalam form. Untuk menambahkan tombol submit, kamu dapat menggunakan tag <input> dengan type="submit".

<form action="/submit_form.php" method="post">
    <label>Nama:</label><br>
    <input type="text" name="nama"><br>
    <input type="submit" value="Kirim"><br>
</form>

Itulah langkah-langkah dasar dalam membuat form di HTML. Mempraktekkan dan eksperimen dengan berbagai jenis input field dan atribut lainnya dapat membantu kamu memahami lebih lanjut tentang bagaimana form HTML bekerja. Selamat mencoba!