Html Code mengenal button input, autofokus, Disabled, Radio dan chexbox

September 27, 2018
Script html button & checkbox input
Html source script
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.



Share this

Related Posts

Previous
Next Post »