HTML

Grigorio Guterres Gusmao
0


HTML (Hypertext Markup Language) adalah bahasa markup standar untuk membuat halaman web. Form HTML adalah elemen HTML yang digunakan untuk membuat formulir interaktif pada halaman web. Formulir HTML memungkinkan pengguna untuk memasukkan informasi seperti teks, angka, opsi pilihan, dan sebagainya, yang kemudian dapat dikirim ke server untuk diolah.

Formulir HTML terdiri dari beberapa elemen seperti input, label, select, textarea, button, dan lain-lain. Input adalah elemen yang paling umum digunakan dalam formulir HTML dan dapat digunakan untuk memasukkan berbagai jenis data seperti teks, angka, email, password, dan sebagainya.

Dalam formulir HTML, Anda dapat menentukan jenis data apa yang diharapkan untuk dimasukkan oleh pengguna, menambahkan validasi untuk memastikan bahwa data yang dimasukkan sesuai dengan format yang diharapkan, dan menentukan aksi apa yang harus diambil ketika pengguna mengirimkan formulir.


Berikut ini adalah contoh kode HTML untuk membuat sebuah form sederhana dengan beberapa elemen input dasar seperti input teks, checkbox, radio, select, textarea, dan tombol submit:


```

HTML
      
<!DOCTYPE html>
<html>
<head>
<title>Contoh Form HTML</title>
</head>
<body>
<h1>Formulir Kontak</h1>
<form action="#" method="POST">
<label for="nama">Nama:</label>
<input type="text" id="nama" name="nama"><br><br>
<label for="email">Email:</label>
<input type="email" id="email" name="email"><br><br>
<label for="pesan">Pesan:</label>
<textarea id="pesan" name="pesan"></textarea><br><br>
<label for="jeniskelamin">Jenis Kelamin:</label><br>
<input type="radio" id="pria" name="jeniskelamin" value="pria">
<label for="pria">Pria</label><br>
<input type="radio" id="wanita" name="jeniskelamin" value="wanita">
<label for="wanita">Wanita</label><br><br>
<label for="hobi">Hobi:</label><br>
<input type="checkbox" id="musik" name="hobi[]" value="musik">
<label for="musik">Musik</label><br>
<input type="checkbox" id="olahraga" name="hobi[]" value="olahraga">
<label for="olahraga">Olahraga</label><br>
<input type="checkbox" id="game" name="hobi[]" value="game">
<label for="game">Game</label><br><br>
<label for="negara">Negara:</label>
<select id="negara" name="negara">
<option value="indonesia">Indonesia</option>
<option value="malaysia">Malaysia</option>
<option value="singapura">Singapura</option>
<option value="thailand">Thailand</option>
</select><br><br>
<input type="submit" value="Kirim">
</form>
</body>
</html>


Pada contoh kode di atas, form memiliki beberapa elemen input, seperti input teks untuk nama dan email, textarea untuk pesan, radio button untuk jenis kelamin, checkbox untuk hobi, select untuk negara, dan tombol submit untuk mengirimkan data. Setiap elemen input memiliki atribut `name` yang akan digunakan untuk mengidentifikasi data yang dikirim ke server ketika formulir dikirim. Atribut `id` digunakan untuk merujuk elemen input dari kode CSS atau JavaScript, dan atribut `for` digunakan untuk membuat label yang dapat diklik untuk memilih elemen input.

Tags

Posting Komentar

0Komentar

Posting Komentar (0)

Mengenai Saya

Foto saya
Dili, Delta3, Timor-Leste