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 :
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 :
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 :
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
<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" />
<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
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 :-)
Subscribe to:
Post Comments (Atom)
Sob ini bs digunakan u/ form sejenis Contact Us,Hubungi Admin,ato sejenisnya?
ReplyDeleteMohon penjelasanny :) Thanks