Membuat form pada HTML

Membuat form pada HTML

Berikut adalah contoh Membuat form pada HTML

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>

HTML

Output :

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

Your email address will not be published. Required fields are marked *