Wednesday, 31 January 2018

Macam-macam Tag From dan input

Macam-macam tag From dan input yang sya rangkum dibawah ini biar kita tau seperti apa

Atribut tag Form dan Input
Tag input dengan atribut type="text"

Ini textbox dengan nama teks_ku ukuran 16 chr dan maksimal karakrer yang dapat ditampung 20 chr(character).
Tag input dengan atribut type="password"
Ini passwordbox dengan nama password_ku ukuran 16 chr dan maksimal karakrer yang dapat ditampung 20 chr(character).
Tag input dengan atribut type="radio"
Radio 1 --> nama radio_ku isi/value isi_1
Radio 2 --> nama radio_ku isi/value isi_2
Jika nama radio tidak sama maka tidak dianggap satu pilihan. Untuk membuktikannya silahkan ganti salah satu nama dari radio diatas untuk mengetahui perbedannya.
Tag input dengan atribut type="checkbox"
Checkbox 1 --> nama checkbox_ku_1 isi/value isi_1
Checkbox 2 --> nama checkbox_ku_2 isi/value isi_2 Tag input dengan atribut type="submit"

Tombol ini berguna untuk mem-post(mengirimkan variabel dan isi variabel yang ada pada form ke file tujuan (action="file_tujuan"))
Tag input dengan atribut type="reset"

Tombol ini berguna untuk membersihkan seluruh tulisan yang ada pada seluruh isian form. Coba isikan semua textbox dan radio lalu tekan tombol ini.
Tag input dengan atribut type="hidden"
Tipe ini berguna jika si webmaster menginkan variabel yang sifatnya sudah didefinisikan. Dan tidak menampilkan output apapun.
Tag input dengan propeti type="image"

Image memiliki fungsi yang sama dengan type submit


ini code html nya jika sobat mau

<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="text"</b><br>
<input type="text" name="teks_ku" size="16" maxlength="20"><br>
Ini textbox dengan nama <i>teks_ku</i> ukuran <i>16 chr</i> dan maksimal karakrer
yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="password"</b><br>
<input type="password" name="password_ku" size="16" maxlength="20"<br>
Ini passwordbox dengan nama <i>password_ku</i> ukuran <i>16 chr</i> dan maksimal
karakrer yang dapat ditampung <i>20 chr(character)</i>.</p>
<p><b>Tag input dengan atribut type="radio"</b><br>
<input type="radio" name="radio_ku" value="isi_1">Radio 1 --> nama
<i>radio_ku</i> isi/value <i>isi_1</i><br>
<input type="radio" name="radio_ku" value="isi_2">Radio 2 --> nama
<i>radio_ku</i> isi/value <i>isi_2</i><br>
<b>Jika nama radio tidak sama maka tidak dianggap satu pilihan. Untuk
membuktikannya silahkan ganti salah satu nama dari radio diatas untuk mengetahui
perbedannya.</b></p>
<p><b>Tag input dengan atribut type="checkbox"</b><br>
<input type="checkbox" name="checkbox_ku_1" value="isi_1">Checkbox 1 --> nama
<i>checkbox_ku_1</i> isi/value <i>isi_1</i><br>
<input type="checkbox" name="checkbox_ku_2" value="isi_2">Checkbox 2 --> nama
<i>checkbox_ku_2</i> isi/value <i>isi_2</i><p>
<p><b>Tag input dengan atribut type="submit"</b><br>
<input type="submit" value="Tombol Submit"><br>
Tombol ini berguna untuk mem-post(mengirimkan variabel dan isi variabel yang ada
pada form ke file tujuan (action="file_tujuan"))</p>
<p><b>Tag input dengan atribut type="reset"</b><br>
<input type="reset" value="Bersihkan"><br>
Tombol ini berguna untuk membersihkan seluruh tulisan yang ada pada seluruh isian
form. Coba isikan semua textbox dan radio lalu tekan tombol ini.</p>
<p><b>Tag input dengan atribut type="hidden"</b><br>
<input type="hidden" value="data_ku" name="data"> 
Tipe ini berguna jika si webmaster menginkan variabel yang sifatnya sudah
didefinisikan. Dan tidak menampilkan output apapun.</p>
<p><b>Tag input dengan propeti type="image"</b><br>
<input type="image" src="letak_file_gambar_anda" height="98" width="98"><br>
Image memiliki fungsi yang sama dengan type submit</p>
</form></font>
</body>
</html>

coba ditulis dinotepad dan buat file html,, dan lihat hasil nya


No comments:

Post a Comment

Code Gambar Html

Banyak sekali gambar-gambar di Di website dan di Blog nah bagi yang New bie pasti ingin Tahu Code html nya bagaimana see langsung saja Kal...