HTML Forms
Forms adalah sebuah entri atau masukkan data yang berbentuk form didalam pemrograman web. Untuk membuat sebuah form kalian hanya perlu menggunakan tag <form> , <input> , dan <submit>. Tag input digunakan untuk tempat seorang user menginputkan data, misalnya input username, password, email, dan lainsebagainya. Sedangkan submit merupakan sebuah tombol yang berfungsi sebagai aksi dari inputan sebuah form.
Dalam penggunaannya, form sering digunakan dalam proses pendaftaran , login, input biodata dan lain sebagainya. Nantinya untuk mengolah data dari form itu sendiri menggunakan PHP. Form ini sangat mudah sekali dibuat. Untuk lebih jelasnya perhatikan contoh kode berikut ini.
#Kode dasar dari Form
<form>
......
</form>
......
</form>
#Contoh Form :
<!DOCTYPE html>
<html lang="en">
<head>
<title>Contoh Form</title>
</head>
<body>
<form>
Nama :<br><input type="text" placeholder="isikan nama ..." required><br>
Email :<br><input type="email" placeholder="isikan email ..."><br>
Password : <br><input type="text" placeholder="isikan password ..."><br>
<br><input type="submit" value="submit">
</body>
</html>
Kode diatas merupakan sebuah kode dasar dari sebuah form, dimana kalian cukup menuliskan tag <form> saja tanpa menambahnkan css didalamnya. Dari kode diatas ada yang namanya Required, yaitu berfungsi memunculkan notifikasi apabila form tidak di isi. Untuk proses inputannya sendiri sebenarnya ada banyak model, seperti radio button, checkbox dan lain sebagainya. Atau untuk lebih lengkapnya kalian dapat melihat kode dibawah ini:
- Penggunaan radio button dalam form
<form>
<input type="radio" name="mobil" value="avanza">Avanza<br>
<input type="radio" name="mobil" value="xenia">Xenia<br>
<input type="radio" name="mobil" value="jazz">Jazz
</form>
<input type="radio" name="mobil" value="avanza">Avanza<br>
<input type="radio" name="mobil" value="xenia">Xenia<br>
<input type="radio" name="mobil" value="jazz">Jazz
</form>
- Penggunaan Checkbox dalam form
<form>
<input type="checkbox" name="mobil" value="avanza">Avanza<br>
<input type="checkbox" name="mobil" value="xenia">Xenia<br>
<input type="checkbox" name="mobil" value="jazz">Jazz
</form>
<input type="checkbox" name="mobil" value="avanza">Avanza<br>
<input type="checkbox" name="mobil" value="xenia">Xenia<br>
<input type="checkbox" name="mobil" value="jazz">Jazz
</form>

- Penggunaan select didalam form
<form action="halamantujuan.php">
......
</form>
......
</form>
Form action yang dituju kebanyakan berformat php, karena pada dasarnya form dibuat untuk keperluan input data yang nantinya akan diproses olrh sistem sehingga menghasilkan sebuah output. di dalam form ini juga terdapat sebuah method berupa POS dan GET, yaitu sebuah tempat untuk menampung variabel sementara dari proses inputan. misalnya sebagai berikut.
<form action="halamantujuan.php" method="POS">
......
</form>
......
</form>
<form action="halamantujuan.php" method="GET">
......
</form>
......
</form>
HTML Forms
Reviewed by Unknown
on
04:49
Rating:

No comments