Halo teman - teman, apa kabar..? Semoga teman- teman sehat selalu dan semangat selalu dalam berjuang untuk indonesia yang lebih baik.
Di postingan saya kali ini membahas atau mengupas tuntas tag <input> di html, hehehe agak lebay :D.
Di postingan saya sebelumnya sudah saya bahas tentang tag form, jadi tag form itu tidak bisa berjalan tanpa data atau sintag yang lain, yang dimaksut sintag yang lain itu ya sintag input yang dibahas di postingan ini.
Sintag input ini berfungsi untuk membuat tampilan input dalam document web, sepeti inputan teks, pasword, dll.
Tag <input> memiliki atribut type yang fungsinya sangat vital dalam output tampilan. Isi dari
atribut type dapat menentukan jenis tampilan apakah itu textbox, password box, checkbox,
radio button dan sebagainya.
Daripada banyak berteori lebih baik kita praktek saja. Seperti biasa buat file baru dan ketik
kode di bawah 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="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 raTipe 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>dio lalu tekan tombol ini.</p>
<p><b>Tag input dengan atribut type="hidden"</b><br>
<input type="hidden" value="data_ku" name="data">
Jika sudah temen - temen ketikan langsung save saja, jangan lupa ekstensinya *.html <dot> html.
Jika hasilnya seperti dibawah ini, berarti anda berhasil.
Bagaimana teman - teman, mudah kan belajar tag input di html,. Yang penting tetap semangat dalam berjuang untuk indonesia yanglebih baik.
Sumber
http://www.direktoriweblog.com
Post a Comment