MENGENAL TAG INPUT II

Melanjutkan dari posting sebelumnya yaitu Mengenal Tag Input, jika sebelumnya adalah tentang input dan typenya, kali ini akan sedikit membahas serta dengan contoh penggunaan beberapa atribut yang lain dalam tag <input/> terkait dalam membuat sebuah form.
Beberapa atribut yang di maksud, yang juga telah tercantumkan pada postingan sebelumnya antara lain:

• size
• maxlength
• checked
• disabled
• src

size

Jika ditulis:

<form>
Nama:<br/>
<input type="text" size="10"/><br/>
Lahir:<br/>
Tgl:<input type="text"size="2"/> Bln:<input type="text"size="2"/> <br/> Thn:<input type="text"size="4"/> <br/>
<input type="submit" value="Kirim"/> </form>

Hasilnya adalah:

Nama:

Lahir:
Tgl: Bln: Thn:

Pada contoh di atas, bidang input nama berukuran "10", Tgl berukuran "2" , Bln berukuran "2" , dan Thn berukuran "4" .

Maxlength

Jika ditulis:

<form>
Pengguna:<br/>
<input type="text" maxlength="10"/><br/>
Password:<br/>
<input type="password" maxlength="8"/><br/> <input type="Submit" value="Login"/>
</form>

Hasilnya adalah:

Pengguna :

Password :

Contoh di atas menjelaskan, panjang maksimal karakter/maxlength dari bidang input Pengguna adalah "10", dan maxlength pada bidang inputPassword adalah "8".
Atribut ini akan berfungsi dengan baik jika disertakan pada input type text dan input type Password.

Checked

Jika ditulis:

<form>
<input type="checkbox"/>Senin
<input type="checkbox"/>Selasa
<input type="checkbox"/>Rabu
<input type="checkbox" checked="checked"/>Kamis
<input type="checkbox"/>Jumat
<input type="checkbox"/>Sabtu
<input type="checkbox"/>Minggu
<input type="submit" value="Kirim"/> </form>

Hasilnya adalah:

Senin
Selasa
Rabu
Kamis
Jumat
Sabtu
Minggu

Atribut checked berfungsi untuk menentukan unsur input terpilih pada saat suatu halaman WEB di buka.
Atribut ini akan berfungsi dengan baik pada input type checkbox dan type radio.

Disabled

Jika ditulis:

<form>
<input type="radio"/>Senin
<input type="radio"/>Selasa
<input type="radio"/>Rabu
<input type="radio" type disabled="disabled"/>Kamis
<input type="radio"/>Jumat
<input type="radio"/>Sabtu
<input type="radio"/>Minggu <input type="submit" value="Kirim"/>

Hasilnya adalah:

Senin
Selasa
Rabu
Kamis
Jumat
Sabtu
Minggu

Atribut disabled memungkinkan sebuah/beberapa pilihan dalam unsur input akan menjadi tidak aktif dalam kondisi tertentu.
Atribut ini akan berfungsi dengan baik pada input type checkbox dan type radio

Src

Jika ditulis:

<form>
Nama:<br/>
<input type="text"/><br/>
Umur:<br/>
<input type="text"/><br>
<input type="image" src="http://i676.photobucket.com/albums/vv122/sung_sun6/submit.gif"/>
</form>

Hasilnya adalah:

Nama:

Umur:

Dalam penggunaanya, atribut src harus selalu disertakan pada input type img.
Yaitu berfungsi untuk menentukan lokasi gambar berada.

Silahkan baca juga yang ini:

---