Cara Membuat Form di HTML


Form merupakan tempat penginputan data sebelum diproses oleh sistem. salah satunya adalah form login, form comment, form data user, dan lain sebagainya. untuk proses penginputan data dari form akan kita bahas di materi PHP, MYSQL, dan JavaScript.

Cara Membuat Form di HTML

Form di HTML dapat kita buat dengan tag <form>. Dalam tag <form> ini dibutuhkan beberapa atribut untuk memproses data yang akan dikirim.

Tag ini memiliki beberapa atribut yang harus diberikan, seperti: 

action : untuk menentukan aksi yang akan dilakukan saat data dikirim.

method : metode pengiriman data.

Contoh:

<form action="prosess.php" method="GET">

</form>

Apa Itu Field

Field adalah ruas yang dapat diisi dengan data.

Contoh

<input type="text" name="nama">

Field memiliki beberapa atribut yang harus diberikan:

1. type merupakan type dari field.

2. name merupakan nama dari field yang akan menjadi kunci dan variabel di dalam program.

Latihan: Membuat Form Pendaftaran

<!DOCTYPE html>
<html>
<head>
	<title>Pembuatan Form</title>
</head>
<body>
	<form>
	<h1>Form Pendaftaran</h1>
	Nama: <input type="text" name="nama"> <br/>
	Username: <input type="text" name="username"> </br/>
	Email : <input type="text" name="email"> </br/>
	Password: <input type="password" name="pass"> <br/>
	Jenis Kelamin :
	<input type="radio" name="jk" value="laki-laki"/> Laki - Laki
	<input type="radio" name="jk" value="perempuan" /> Perempuan
	<br/>
	Agama :
	<select>
	<option>1.Islam</option>
	<option>2.....</option>
	<option>3.....</option>
	<option>4.....</option>
	<option>5.....</option>
	<option>6.....</option>
	</select>
	<br/>
	Pesan Pesan :
	<textarea></textarea>
	<br/>
	<input type="submit" value="simpan">
</form>
</body>
</html>


Post a Comment

Previous Post Next Post