Langsung ke konten utama

Membuat Formulir dengan HTML ( Bagian 2 )

Sebelumnya, saya sudah pernah mempostingkan cara membuat form dengan html (liat disini), tetapi saya sudah mendapat ilmu lagi jadi langsung saja saya share lewat blog :). Penambahan ini tidak banyak, saya hanya menambahkan password, browse picture, dan untuk meng-Evaluasi postingan sebelumnya.


Berikut ini adalah code-nya :



<form>
<table cellspacing="3" cellpadding="6">
<tr>

<td>Nama :</td>
<td><input type="text" name="nama" size="40"></td>
</tr>
<tr>
<td>Alamat :</td>
<td><input type="text" name="alamat" size="70"></td>
</tr>
<tr>
<td>Gender :</td>

<td><input type="radio" name="Gender">Laki-laki<br>
<input type="radio" name="Gender">Perempuan</td>
</tr>
<tr>
<td>Umur :</td>
<td><input type="text" name="age" size="2"></td>
</tr>
<tr>
<td>Berat Badan :</td>

<td><input type="text" name="berat" size="2"></td>
</tr>
<tr>
<td>Tinggi :</td>
<td><input type="text" name="high" size="2"></td>
</tr>
<tr>
<td>Hobby :</td>
<td><select name="Hobby">
<option value="Pilih Salah satu">Pilih Salah Satu
<option value="Olahraga">Olahraga</option>

<option value="Berbisnis">Berbisnis</option>
<option value="Internet/Komputer">Internet/Komputer</option>
<option value="Membaca Buku">Membaca Buku</option>
<option value="Religius">Religius</option>
<option value="Tidur">Tidur</option>
</select></td>
</tr>

<tr>
<td>Alasan :</td>
<td><textarea name="Alasan" rows="10" cols="60"></textarea></td>
</tr>
</table>
<hr>
<br>
<font color="#FF0000" size=""><left>Isi formulir berikut untuk sign in</left></font>

<table cellspacing="3" cellpadding="6">

<tr>
<td>Username :</td>
<td><input type="text" name="user"></td>
</tr>
<tr>
<td>E-mail :</td>
<td><input type="text" name="Email"></td>
</tr>
<tr>
<td>Password :</td>

<td><input type="password" name="pass1"></td>
</tr>
<tr>
<td>Re - Password :</td>
<td><input type="password" name="pass2"></td>
</tr>
<tr>
<td>Masukan Foto</td>
<td><input type="file" name="Foto"></td>
</tr>

<tr>
<td>Saya setuju</td>
<td><input type="checkbox" name="agree"></td>
</tr>
<tr>
<td><input type="submit" value="Submit"><input type="reset"></td>
<td></td>
</tr>
</table>
</form>




Dan hasilnya silahkan coba sendiri di rumah :)


*Untuk pertanyaan silahkan komen aja di bawah

Komentar

  1. wah..wah..sangat-sangat membantu mas..thx banget ilmunya....minta izin bookmark..thx

    BalasHapus
  2. klo blh tau data tersebut masuk kemana ya

    BalasHapus

Posting Komentar

Postingan populer dari blog ini

Sidoarjo Map (Peta Kabupaten Sidoarjo)

Sidoarjo Map . Kali ini maztam akan berbagi peta Sidoarjo barangkali ada yang membutuhkan peta ini supaya tidak tersesat di jalan ketika datang ke Sidoarjo. Sidoarjo merupakan salah satu Kabupaten yang berada di Jawa Timur, letaknya cukup strategis karena dekat dengan Kota Metropolitan Surabaya, yaitu berada tepat di selatan Kota Surabaya. Teman teman apabila perkunjung ke Sidoarjo, yang paling terkenal dari Sidoarjo adalah UKM-nya. Kota yang mempunyai julukan kota udang ini juga disebut sebut sebagai kota yang memiliki UKM yang paling banyak, dari kerajinan tas, kerupuk, sampai batik ada di Sidoarjo. Peta Sidoarjo Langsung saja bagi teman teman yang mengunduh peta Sidoarjo maztam telah mencari beberapa map yang mungkin bisa membantu. Map tersebut ada dua jenis yang pertama map gambar yang bisa di download dan map dari google, apabila teman mempunyai gadget bisa langsung dilihat. Peta Sidoarjo Google Map Sekian informasi dari maztam, semoga bisa membantu teman yang...

7 Alat Terbaik untuk Mengevaluasi Desain Web

Desain web yang efektif adalah desain yang dapat membuat para pengguna menemukan informasi dengan cepat dan dengan cara yang logis. Apakah para pengunjung menemukan konten yang anda ingin mereka untuk kunjungi? Apakah mereka mencarinya pada tempat yang tepat pada web anda? Apakah anda berhasil menarik perhatian mereka, atau mereka segera meninggalkan situs anda? Jika anda tertarik untuk menganalisa dan mengoptimalkan tampilan halaman anda - berikut ini adalah beberapa alat yang dapat membantu anda. 1. ClickHeat ClickHeat adalah alat visual sumber terbuka ( open source ) yang menunjukkan area "panas" dan "dingin" dari sebuah halaman situs. Ia memungkinkan anda melihat titik di mana pengguna paling banyak melakukan klik, dan daerah mana yang tidak mereka hiraukan. Download: Clickheat dari SourceForge.net. 2. Crazy Egg Crazy Egg menawarkan banyak sekali peralatan analisa yang dapat menangkap apa yang dilakukan oleh pengunjung. Fitur - fitur yang ada termasuk: Conf...

10 Manfaat SUPER Susu Sari Kedelai

Susu Sari Kedelai adalah kedelai yang sudah di ambil sarinya untuk di jadikan minuman kesehatan. Manfaat sari kedelai ini sangat lah baik untuk kesehatan karena mengandung banyak HDL (Kolesterol Baik), juga sari kedelai bisa di konsomsi oleh semua kalangan. Kandungan yang ada di sari kedelai sangat banyak protein , lemak nabati, karbohidrat, serat, vitamin, mineral, polisakarida (gabungan dari monosakarida (glukosa)), isoflavon (salah satu jenis flavonoid yang dapat mencegah dan mengobati berbagai penyakit , zat anti tumor/kanker), HDL (kolesterol baik), kalsium, dan asam amino Berikut ini adalah 10 Manfaat Sari Kedelai    1. Dapat mencegah/mengobati timbulnya berbagai jenis penyakit jantung, kanker, stroke.    2. Bisa membantu meningkatkan kekuatan pada tulang, guna mencegah tulang keropos (osteoporosis).    3. Memungkinkan untuk mencegah/mengobati tekanan darah tinggi dan kolesterol.    4. Menstabilkan gula darah.   ...