<!DOCTYPE html>
<html>
<head>
<title> Form Registrasi </title>
</head>
<body>
Form Registrasi
<br />
<form action="" method="get">
Nama : <input type="Name" name="Nama" /><br />
Alamat : <input type="adress" name="Alamat" /><br />
Tanggal Lahir : <input type="date" name="tanggal" /><br />
Nomer Telepon : <input type="Number" name="Phone" /><br />
Alamat Web : <input type="url" name="web" /><br />
Email : <input type="email" name="email" /><br />
Kecamatan : <select>
<option value="Ajung">Ajung</option>
<option value="Ambulu">Ambulu</option>
<option value="Arjasa">Arjasa</option>
<option value="Balung">Balung</option>
<option value="Bangsalsari">Bangsalsari</option>
<option value="Gumuk Mas">Gumuk Mas</option>
<option value="Jelbuk">Jelbuk</option>
<option value="Jenggawah">Jenggawah</option>
<option value="Jombang">Jombang</option>
<option value="Kalisat">Kalisat</option>
<option value="Kaliwates">Kaliwates</option>
<option value="Kencong">Kencong</option>
<option value="Ledokombo">Ledokombo</option>
<option value="Mayang">Mayang</option>
<option value="Mumbulsari">Mumbulsari</option>
<option value="Pakusari">Pakusari</option>
<option value="Patrang">Panti</option>
<option value="Patrang">Patrang</option>
<option value="Puger">Puger</option>
<option value="Rambipuji">RambiPuji</option>
<option value="Semboro">Semboro</option>
<option value="Silo">Silo</option>
<option value="Sukorambi">Sukorambi</option>
<option value="Sukowono">Sukowono</option>
<option value="Sumber Baru">Sumber Baru</option>
<option value="Sumber Jambe">Sumber Jambe</option>
<option value="Sumber Sari">Sumber Sari</option>
<option value="Tanggul">Tanggul</option>
<option value="Tempurejo">Tempurejo</option>
<option value="Umbulsari">Umbulsari</option>
<option value="Wuluhan">Wuluhan</option>
</select>
<br />
<input type="SUBMIT" />
</form>
</body>
</html>
Penjelasan
- <!DOCTYPE html> disini kita menggunakan html 5
- fungsi dari <head> disini adalah untuk
menampilkan judul web yang kita buat
- <body> disini berfungsi untuk mengisi/ menuliskan
sebuah script - script yang mana nantinya sebagai halaman web kita
- selanjutnya yaitu <br /> fungsinya yaitu
memberikan tempat baru dibawahnya atau baris baru
- <form action="" method="get">
Nama :
<input type="color" name="Nama" /><br />
Alamat :
<input type="adress" name="Alamat" /><br />
Tanggal Lahir :
<input type="date" name="tanggal" /><br />
Nomer Telepon :
<input type="Number" name="Phone" /><br />
Alamat Web :
<input type="url" name="web" /><br />
Email :
<input type="email" name="email" /><br />
kode <form action="" method="get"> dipakai untuk pembuatan form dalam file HTML
fungsi method ini menentukan bagaimana data akan dikirim ke
server sedangkan get disini berfungsi mengirim data pada url
<select> disini membuat combobox atau membuat daftar
drop down
</form> sebagai penutup dari <form>
</body> sebagai penutup dari <body>
dan yang terakhir </html> sebagai penutup
dari <html>
demikian tutorial dari saya, apabila terdapat kesalahan mohon dimaklumi, Terima Kasih
Form bisa dilihat di samping kanan posting
Nama : Risqi Albi Khairullah
NIM : 1110651201
