Monday, December 10, 2012

Cara Membuat Formulir Pada Blog

Cara Membuat Formulir Pada Blog 


Cara Membuat Formulir Pada Blog Menggunakan HTML - Selamat sore bloggers, Tidak lupa Robockop Cyber Mengucapkan Selamat hari raya idul adha bagi yang merayakannya. Nah hari ini saya akan berbagi tentang Cara Membuat Formulir Pada Blog, ok langsung saja kita bahas 1 per 1.

Untuk memulai membuat Formulir, pertama kita cukup menggunakan tag pembuka dan tag penutup yaitu <from> dan </from>. Diantara kedua tag tersebut, kita bisa sisipkan kode HTML yang di perlukan.

1. Input Text Box ( Kotak Menulis Nama )

Nama : <input name="name" size="20" type="text" />

Nama :

2. Input Multi Line Text Box ( Kotak Menulis Alamat )

Alamat :<br />
<TEXTAREA NAME="Address" ROWS=4 COLS=40 ></TEXTAREA>

Alamat :

3. Input Select Box ( Menu Pilih Kota )

Kota :<br />
<select id="MyCity">
<option value="Aceh">Aceh</option>
<option value="Medan">Medan</option>
<option value="Lampung">Lampung</option>
<option value="Serang">Serang</option>
<option value="Jakarta">Jakarta</option>
<option value="Bogor">Bogor</option>
<option value="Cirebon">Cirebon</option>
</select>

Kota :

4. Kotak Jenis Kelamin

<input type="radio" name="sex" value="Male" /> Male<br />
<input type="radio" name="sex" value="Female" /> Female

Jenis Kelamin :
Male
Female

5.  Input Check Box & Input Submit Button

<input type="checkbox" name"Agreement" value="Setuju" /> Setuju<br />
<input type="checkbox" name"Agreement" value="Tidak Setuju" /> Tidak Setuju

Setuju
Tidak Setuju

<input name="Submit" type="submit" value="Submit" />


Jika semua kode HTML di atas digabungkan maka hasilnya akan seperti ini.

Nama :

Alamat :


Kota :


Jenis Kelamin :

Male

Female

Saya telah membaca peraturan yang ada.

Setuju

Tidak Setuju


NB : Teks yang berwarna biru bisa di ganti sesuai keinginan Anda

Semoga Bermanfaat :-)

Bookmark and Share
Artikel yang berhubungan :


0 comments:

Post a Comment

MULTI TAB 1

VIDEO

MULTI TAB 2

HTML

MULTI TAB 3

MULTI TAB 4

MULTI TAB 5



MULTI TAB 6

Entri Populer

MULTI TAB 7


MULTI TAB 9

Buku Tamu

MULTI TAB 10

Daftar Blog Saya

Search




 
KEMBALI KEATAS
') }else{document.write('') } }