Membuat Form HTML
Saya menulis artikel ini bertujuan untuk kalian supaya mengenal tag Form dan komponen-komponen Form dan juga mampu membuat Form dengan HTML. Baca dan pahami, jangan sekedar tahu tag nya saja, tapi tidak tahu artinya. Saya buat artikel Programmer ini murni dari pengetahuan saya selama kursus selama 3 bulan.
Kegunaan Form
Form adalah satu-satunya cara membuat page input dari para pengunjung homepage kita. Kemudian hasil input dari form ini dapat kita manipulasi dengan program-program CGI yang ada di web server kita, bisa juga dikirim ke alamat email kita loh.
Contoh :
<form>
<!-- element form -->
</form>
Element Form
Ada banyak jenis-jenis element yang ada di form yang akan kita pelajari sekarang. Tapi saya akan jelaskan 3 element yang sering di gunakan untuk tag form ini.
• Textbox, Berfungsi untuk menerima input berupa data karakter.
• Password, Dipakai untuk meminta password (data yang diketik ditampilkan sebagai bintang).
• Hidden text, Dipakai untuk melewatkan data tanpa ditampilkannya di formulirnya sendiri.
Coba kalian ketikkan program dokumen di bawah :
<html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center><b> Unput data UnlimitShared™ </b></center>
<br>
<form>
Masukkan nama anda :
<input type="text" name="nama" size=" " value=" " />
</form>
</body>
</html>
Output yang dihasilkan :
<head>
<title> UnlimitShared </title>
</head>
<body>
<center><b> Unput data UnlimitShared™ </b></center>
<br>
<form>
Masukkan nama anda :
<input type="text" name="nama" size=" " value=" " />
</form>
</body>
</html>
Output yang dihasilkan :
Coba kalian tambahkan program diatas dengan seperti dibawah :
<html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center><b> Unput data UnlimitShared™ </b></center>
<br>
<form>
Masukkan nama anda :
<input type="text" name="nama" size="" value=""/> <br>
Masukkan password anda :
<input type="password" name="pass" value="" size="10" />
<input type="hidden" name="status" value="member" />
</form>
</body>
</html>
<head>
<title> UnlimitShared </title>
</head>
<body>
<center><b> Unput data UnlimitShared™ </b></center>
<br>
<form>
Masukkan nama anda :
<input type="text" name="nama" size="" value=""/> <br>
Masukkan password anda :
<input type="password" name="pass" value="" size="10" />
<input type="hidden" name="status" value="member" />
</form>
</body>
</html>
Output yang ditampilkan :
Input tipe teks akan menampilkan teks yang diketikkan dan tipe password akan menggantikan karakter yang diketikkan dengan bintang. Sedangkan input tipe hidden tidak ditampilkan akan tetapi datanya akan dikirim ke server juga.
Bagaimana penjelasan saya untuk pembuatan atau pengenalan tag Form dari HTML ini, Apa cukup jelas dan jika ada yang kurang jelas bisa kalian tanyakan pada saya langsung. Jangan pernah malu bertanya, jika ingin tahu bertanya lah. "orang pintar kalah dengan orang rajin".
Terima kasih telah berkunjung di Blog saya. Semoga kalian bisa paham apa yang saya tulis di artikel ini dan bermanfaat untuk kalian para Sharing mania. Salam sukses untuk kalian Programmer sejati.
No comments:
Write komentar