Belajar HTML Yuk ! (Bagian 3,mengenal tab Form dan tag Input

on 17 January 2012


Alhamdulilah dah posting lagi, lanjut dari postingan sebelumnya sekarang lanjut lagi belajar HTML nya. Kali ini saya mau ngebahas tag <Form> dan tag <input> .
Tag <form> ini selalu biasanya berdampingan alias pasangannya tag <input> atau pun <textarea>. Yahh sama aja kaya tag <table>, jodohnya ya tag <tr> sama tag <td>.^^
Langsung aja yuk di praktekin :
<html>
<head>
<title>Tag input</title>
<form action="coba.php" method="post">
    <input type="checkbox" />Checkbox 1<br />
    <input type="checkbox" />Checkbox 2
</form>
</head>
</html>
Kode diatas akan menghasilkan :
Judul
Checkbox 1
Checkbox 2
Kalo kode yang ini
<html>
<head>
<title>Tag input</title>
<form action="coba.php" method="post">
    <input type="radio" />Radio 1<br />
    <input type="radio" />Radio 2
</form>
</head>
</html>
Kode diatas akan menghasilkan :
Judul
Radio 1
Radio 2
Kalo kode yang ini
<html>
<head>
<title>Tag input</title>
<form action="coba.php" method="post">
    <input type="text" maxlength="20" /> text 1<br />
    <input type="text" maxlength="20" /> text 2
</form>
</head>
</html>
Hasilnya :
Judul
text 1
text 2
NB: Maxlength ( untuk memberikan batas maksimal karakter yang ada di form )

Lanjut kode yang ini .^^
<html>
<head>
<title>Tag input</title>
<form action="coba.php" method="post">
    <input type="password" maxlength="20"/>password 1
<br/>
    <input type="password" maxlength="20"/>password 2
</form>
</head>
</html>
Hasilnya :
Judul
password 1
password 2
Huahh masih ada nihh :
<html>
<head>
<title>Tag input</title>
<form action="coba.php" method="post">
    <input type="reset" value="reset" />Tombol reset ini berguna untuk menghapus
     atau mereset semua isian yang ada di form<br />
</form>
</head>
</html>
Judul
Tombol reset ini berguna untuk menghapus atau mereset semua isian yang ada di form
nah kalo misal di modifikasi , misal mau di bikin jadi 1 halaman . Coba ketik kode ini :
<html>
<head>
<title>Atribut tag form dan input</title>
</head>
<body>
<font face="Verdana" size="2">
<form action="coba.php" method="post">
<p><b>Tag input dengan atribut type="nama"</b><br />
<input type="text" maxlength="20"/>
</p>
<p><b>Tag input dengan atribut type="password"</b><br />
<br />
<input type="password" name="password_ku" size="16" maxlength="20"/><br/></p>
<p><b>Tag input dengan type="radio"</b><br />
<br />
<input type="radio" name="radio_ku" value="isi_1"/>radio 1</p>
<p><b>Tag input dengan atribut type="checkbox"</b><br />
<br />
<input type="checkbox" name="checkbpx_ku" value="isi_1"/>Checkbox 1
<br /></p>
<p><b>Tag input dengan atribut type="reset"</b><br />
<br />
<input type="reset" value="reset"/><br />
<b>Tombol reset ini berguna untuk menghapus atau mereset semua isian yang ada di form</b>
</p>
</form>
</font>
</body>
</html>
Hasilnya :
Judul

Tag input dengan atribut type="nama"

Tag input dengan atribut type="password"


Tag input dengan type="radio"

radio 1

Tag input dengan atribut type="checkbox"

Checkbox 1

Tag input dengan atribut type="reset"


Tombol reset ini berguna untuk menghapus atau mereset semua isian yang ada di form
Yapzz kira2 seperti itu contoh penggunaan tag <form> dan <input>.
Semoga apa yang saya share bisa berguna bagi yang membutuhkan,terutama untuk saya sendiri .^^
Happy Blogging !
^-^

Belajar HTML (Bagian 1) | Belajar HTML (Bagian 2) | HTML | Program Pascal | HTML Pemula
Ranking: 5

{ 0 komentar... read them below or add one }

Post a Comment

Blogger yang baik, selalu meninggalkan komentar setelah membaca .
^-^

Related Posts Plugin for WordPress, Blogger...

Berlangganan via email :


.
 
© Agit Share | Blognya Si Agit | All Rights Reserved
D.I.Y Themes ByBelajar SEO