Berikut adalah contoh Membuat form pada HTML
<!DOCTYPE html>
<html>
<body>
<h2>HTML Forms</h2>
<form action="/submit" method="post">
<label for="name">Nama:</label><br>
<input type="text" id="name" name="name" required>
<label for="email">Email:</label><br>
<input type="email" id="email" name="email" required>
<label for="message">Pesan:</label><br>
<textarea id="message" name="message" required></textarea>
<input type="submit" value="Kirim">
</form>
</body>
</html>
HTMLOutput :
See the Pen Form pada HTML by De Orchids (@De-Orchids) on CodePen.
Kode di atas akan menghasilkan sebuah form dengan tiga input field yaitu Nama, Email, dan Pesan. Setiap input field memiliki atribut name
yang akan digunakan untuk mengidentifikasi nilai yang diinputkan oleh pengguna saat form dikirim.
Form ini menggunakan metode POST
dan akan mengirim data ke URL /submit
saat tombol “Kirim” ditekan. Anda dapat mengganti nilai atribut action
pada tag <form>
sesuai dengan URL yang ingin Anda gunakan untuk mengirim data form.
Pastikan untuk memberikan atribut required
pada setiap input field yang ingin Anda wajibkan pengguna untuk mengisinya sebelum form dapat dikirim.
Anda dapat menyesuaikan kode di atas sesuai dengan kebutuhan Anda, seperti menambahkan input field tambahan atau mengubah tampilan form dengan menggunakan CSS.
Leave a Reply