-->
Riedayme Pengetahuan untuk Mempelajari Pemrograman khususnya pada Website, Mobile dan Desktop saya tuliskan disini.
Riedayme
Riedayme

Belajar HTML - Mempelajari lebih dalam atribut type pada tag input


type text

penulisan kode :
<input type="text" value="abc12345@go.com" />

type text digunakan untuk data berbagai jenis karakter mulai dari alphabet, nomor, dan simbol.

hasil dari kode diatas


type password

penulisan kode :
<input type="password"/>

type password digunakan untuk menyembunyikan karakter yang diketikan.

hasil dari kode diatas


type radio

penulisan kode :
<label><input name='gender' type="radio" value="laki-laki">laki laki</label>
<label><input name='gender' type="radio" value="perempuan">perempuan</label>

type radio digunakan untuk memilih salah satu data dari pilihan yang ada, untuk membuat pilihan maka harus memberi nilai yang sama pada atribut name.

agar tulisan bisa diklik sebagai pilihan maka tambahkan tag label sebagai pembungkus tag inputnya.

hasil dari kode diatas



type checkbox

penulisan kode :
<label><input type="checkbox" name='hobi' value="mancing">mancing</label>
<label><input type="checkbox" name='hobi' value="berenang">berenang</label>
<label><input type="checkbox" name='hobi' value="main sempak bola">main sempak bola</label

type checkbox digunakan untuk memilih lebih dari satu pilihan, untuk membuat pilihan maka harus memberi nilai yang sama pada atribut name.

agar tulisan bisa diklik sebagai pilihan maka tambahkan tag label sebagai pembungkus tag inputnya.

hasil dari kode diatas




type file

penulisan kode :
<form enctype="multipart/form-data">
 <input type="file"/>
</form>

type file digunakan untuk mengirim berkas atau file, agar dapat mengirimkan berkas maka harus menambahkan atribut enctype pada tag form dengan nilai multipart/form-data

hasil dari kode diatas


type submit

penulisan kode :
<input type="submit" value="kirim" />

type submit digunakan untuk membuat tombol yang berfungsi untuk memproses form kehalaman action. anda bisa merubah nama tombol tersebut dengan memberi atribut value dan diberi nilai sesuai selera anda

hasil dari kode diatas


type reset

penulisan kode :
<form>
 <input type="text" value="wow">
 <input type="reset" />
</form>

type reset digunakan untuk membuat tombol reset yang dimana jika tombol tersebut diklik maka akan mereset semua form yang ada seperti keadaan awal.

hasil dari kode diatas



type button

penulisan kode :
<input type="button" value="tombol" />

type button adalah untuk membuat tombol biasa, biasanya tombol tersebut dipadukan dengan javascript agar memiliki fungsi yang lebih.

hasil dari kode diatas
0 Komentar
HTML

Artikel Terkait

Komentar