Html Code mengenal button input, autofokus, Disabled, Radio dan chexbox - Dalam memahami fungsi html kode perlu kita mengenal pelajaran tentang button, html code button atau dalam bahasa kita tombol, pelajaran html tentang button sangat di perlukan dalam programs html terutama dalam html script form dalam mengirim data.
Button script juga sering di gunakan untuk media pilihan dalam html script Radio, selain dari button juga ada seperti chexbox.
Apa itu button ?
Button adalah script html source kode yang di gunakan dalam pengunaan fungsi tombol dalam bentuk radio atau tombol bulat.
Diantara script html kode button di bagi dalan beberapa posisi seperti.
Button tanpa input.
Button dalam posisi input.
Button dalam posisi input yang beri fungsi autofokus.
Button dalam script input yang di beri fungsi disabled.
Button dalam script Radio
Mengenal lebih dekat dengan chexbox ?
Apa itu chekboox ?
Chekbox adalah sebuah kode html dalam bentuk ceklis atau centang yang gunakan untuk membuat sebuah pilihan yang di kombinasikan dengan input form yang datanya nanti dikirim ke tempat yang di maksud.
Mari kita ulas satu persatu kode html source dimaksud :
Button text simpel :
----
<button>tombol</button>----
Button di atas adalah sebuah kode simple dari button hasilnya seperti ini.
Button dengan kombinasi input autofous :
----
<button>Test Button</button>
<button autofocus="true">Test Button Focused</button>
----
Hasil dari kode button di atas seperti ini
Button dengan dengan mode disabled :
----
<button>Normal Button</button>
<button disabled="true">Disabled Button</button>
----
Hasilnya seperti di bawah ini
Button dengan type Radio tanpa label :
----
<input type="radio" name="gndr">Male
<input type="radio" name="gndr">FeMale
----
Hasil dari input Radio di atas seperti ini
Male FeMale
Button dengan type Radio dengan label :
----
<label>
<input type="radio" name="gndr">Male
</label>
<label>
<input type="radio" name="gndr">FeMale
</label>
----
Hasilnya button seperti di bawah
Chekbox tanpa label :
----
<input type="checkbox" name="gndr">Male
<input type="checkbox" name="gndr">FeMale
----
Hasil dari checkbox di bawah in.
Male FeMale
Chekbox dengan mode label :
----
<label>
<input type="checkbox" name="gndr">Male
</label>
<label>
<input type="checkbox" name="gndr">FeMale
</label>
----
Hasil dari checkbox dengan metode label bisa di lihat di bawah ini.
Male FeMale
Demikianlah tutorial pengenalan html code button dan checkbox yang saya ketahui untuk pengembangan script sengaja saya tidak terangkan karena sudah sering kali di bahas pada awal pembahasan silahkan bisa anda ikuti tutorialnya.
Semoga pelajaran tentang html kali ini bisa berguna untuk anda dalam mengembangkan script programs kode html dalam web yang sedang anda bangun semoga bermanfaat ... Amin.
Tidak ada komentar:
Posting Komentar