komponen form pada html


Assalamualaikum.... Apa kabar semua ??? semoga baik baik saja...
Untuk kali ini saya akan posting tentang membuat form pada website.
yang pertama yaitu :

Textbox
untuk codingnya sendiri yaitu :
 "<input type=text name=textbox>" tanpa tanda petik
maka hasilnya akan seperti berikut :




jika kita ubah menjadi "<input type=password name=password>" tanpa tanda petik
maka jika kita mengetikan sesuatu pada textbox itu hanya akan tampil bintang-bintang, seperti gambar berikut :
 
 
 Listview
untuk membuat listview sendiri caranya sebagai berikut :

Contoh listview

<select>
<option>pilihan 1</option>
<option>pilihan 2</option>
<option>pilihan 3</option>
<option>pilihan 4</option>
<option>pilihan 5</option>
</select>

maka output dari coding diatas adalah sebagai berikut :




Radiobox

untuk yang satu ini biasanya digunakan untuk 2 pilihan  :
codingnya


Contoh Radiobox
<input type=radio name=r1 class=ss>radio 1
<input type=radio name=r2 class=ss>Radio 2




maka outputnyas adalah sebagai berikut :






 Button
kalau yang ini pasti sudah pada tahu, yaitu tombol, untuk codingnya sendiri yaitu sebagai berikut :

<input type=submit name=button value=Button>

atau bisa dengan cara

<button>Button</button>

Hasilnya akan sama, maka output yang dihasilkan adalah sebagai berikut :

Sekian untuk kali ini dan akan saya lanjutkan untuk warna dan tampilan supaya lebih menarik,,
semoga bermanfaat, terima kasih..

Posted by : Muhammad maftuhin


0 komentar: