10 Maret 2018

Pembuatan Form

A. PENDAHULUAN

       Setelah kemarin kita membahas pengertian dari Form Html. kali ini kita akan membuat tampilan sederhana yang menggunakan form. oke langsung saja kita ke materi.

B. PENGERTIAN

       Form merupakan salah satu elemen dalam HTML yang digunakan untuk menerima input dari pengunjung. Melalui form pengunjung sebuah halaman web dapat melakukan interaksi dengan web. Pengunjung dapat memasukan data melalui elemen-elemen input seperti textfield, checkbox, radio button, textarea, submit button, dropdown dan lain-lain. Selain itu pengunjung  juga dapat melakukan pemilihan data mengunakan elemen select list atau dengan istilah lain combo box atau drop-down list. Form membuat sebuah halaman web menjadi web interaktif dan dinamis, karena form merupakan satu-satunya sarana bagi pengembang website untuk mendapatkan informasi dari pengguna.
 
C. MAKSUD DAN TUJUAN

       Dapat membuat form sederhana.

D. PEMBAHASAN

       kali ini saya akan membuat form sederhana , form ini masih bersifat sederhana dan belum di beri penambahan css atau style yang lain jadi masih sangat sederhana. 
 berikut ini adalahan script nya :

  

<html>
<head>
<title bgcolor="Black">Contoh pembuatan Form</title>
</head>
<body>
<form action="prosesinput.php" method="get">
<p> Nama Awal : <input type=”text” name=”first name” /><br/>
<p>Nama Akhir : <input type=”text” name=”last name” />
<p> Password : <input type=”password” name=”password”/>
<p> Jenis kelamin : <input type =radio name=”sex value=”male”/> Pria
<input type =radio name=”sex value=”female”/> Wanita
<p> Alamat : <textarea name="Alamat" cols="25" rows="4"></textarea>
<p> Hobi :       <input type=checkbox name=hobi value=Membaca>Baca Buku
 <input type=checkbox name=hobi value=Kesenian>kesenian
<input type=checkbox name=hobi value=olahraga>Olahraga
<input type=checkbox name=hobi value=Traveling>Jalan Jalan
<input type=checkbox name=hobi value=Dll>Dll
<p> Pekerjaan :
                                    <select name=Pekerjaan>
                                    <option value=Pelajar>Pelajar/Mahasiswa
                                    <option value=PNS>Pegawai Negeri Sipil
                                    <option value=Karyawan>Karyawan
                                    <option value=Wiraswasta>Wiraswasta
                                    <option value=Dll>Dll
                                    </select>
<p>Komentar : <textarea name="komentar" cols="25" rows="4"></textarea>
<p><input type=submit value=kirim data/>   <input type=reset value=ulang>
</form>
</body>
</html>


Hasilnya :


E. MASALAH YANG DITEMUKAN

       Sulit dalam penempatan bagian bagian from agar tampilanya menjadi bagus.


F. KESIMPULAN

      Form merupakan salah satu elemen dalam HTML yang digunakan untuk menerima input dari pengunjung. Melalui form pengunjung sebuah halaman web dapat melakukan interaksi dengan web. Pengunjung dapat memasukan data melalui elemen-elemen input seperti textfield, checkbox, radio button, textarea, submit button, dropdown dan lain-lain.
  

G. REFERENSI

https://rino-onir.blogspot.co.id/2014/03/form-dan-element-form-dalam-html.html

Sekian dan Terima Kasih karena sudah membaca Blog saya yang Sederhana Ini 😁 Jika ada salah arti atau kata bisa beri komentar kalian di kolom komentar.....


Tidak ada komentar:

Posting Komentar