MEMPELAJARI FORM




        Membuat Form Html, Form merupakan suatu kolom yang biasanya dapat digunakan sebagai pengumpulan data, baik itu data di exel ataupun form yang berada di website kita, contohnya saja form login, form komentar, form kontak, dan form yang digunakan untuk pengguna atau user, tak jarang form juga digunakan untuk mentransfer data antar halaman web 1 ke halaman web yang lain. Nah disini penulis akan coba membuat form sederhana yang nantinya bisa anda pahami dan pada akhirnya anda bisa dengan mudah untuk membuatnya.

Form HTML - Input Elemen
Unsur form yang paling penting adalah unsur <input>.
Unsur <input> digunakan untuk memilih informasi pengguna.
Sebuah elemen <input> dapat bervariasi dalam banyak cara, tergantung pada jenis atribut. Sebuah elemen <input> dapat dari text field jenis, checkbox, password, tombol radio, tombol submit, dan banyak lagi.
Jenis input yang paling umum dijelaskan di bawah ini.


  1. Text fields <input type=”text”>Digunakan untuk memasukkan input berupa text.
  2.  Password <input type=”password”>Digunakan untuk memasukkan password.
  3.  Hidden <input type=”hidden”>Digunakan untuk mengirim data ke suatu aplikasi yang tidak diinginkan untuk dilihat oleh browser.
  4. Check box <input type=”checkbox”>Check box digunakan untuk dapat memilih lebih dari satu pilihan.
  5. Radio button <input type=”radio”>Radio button digunakan untuk dapat memilih hanya salah satu pilihan diantara beberapa pilihan.
  6.  Push button <input type=”button”>Elemen ini biasanya digunakan untuk membuat sebuah tombol aksi.
  7.  Submit <input type=”submit”>Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama variabel dan nilainya ke suatu aplikasi yang ditentukan dalam atribut ACTION dalam elemen FORM.
  8.   Reset <input type=”reset”>Digunakan untuk mereset (menghapus) semua masukan dalam form.
  9.  Text area <textarea> . . . </textarea>Elemen untuk memasukkan teks secara leluasa seperti pada notepad.
  10.  Select <select> . . . </select>Daftar isi dalam pilihan select menggunakan tag <option>

 Contoh membuat form dengan menggunakan Dreamwiver :

1. text field
</head>

<body>
<form>
            <p>Nama : <input type=text name=nama />
           
</body>
</html>
Hasilnya : 
Nama :

2. text area
<form>
            <p>Alamat : <textarea name="Alamat" cols="25" rows="4"></textarea>
</form>
Hasilnya :
Alamat :

3. radio& select
<form>
<p>Jenis Kelamin : <input type=”radio”>
  <select name="select">
    <option value=Laki-laki>Laki-laki </option>
    <option value=Perempuan>Perempuan </option>
  </select>
</form>
Hasilnya : 
Jenis Kelamin : Laki-laki Perempuan

4.  chekbox
<form>
<p>Hobi :
                        <input type=checkbox name=hobi value=Olahraga>Olahraga
                        <input type=checkbox name=hobi value=Kesenian>kesenian
                        <input type=checkbox name=hobi value=Nombol>Nombol
            
</form>
 Hasilnya :
Hobi : Olahraga kesenian Nombol

 5. submit
<form>
<p>Kode : <textarea name="kode" cols="25" rows="4"></textarea>
<p><input type=submit value=kirim data/><input type=reset value=ulang>
</form>Hasilnya : 
Kode :
 

Masih banyak lagi input-input yang ada di Html, mungkin itu saja yang dapat saya berikan.. Jika masih ada yang salah jangan lupa kembali lagi kepada ahlinya.....

SEMOGA BERMANFAAT............

Komentar

Posting Komentar

Postingan populer dari blog ini

pembuatan link pada html Link adalah tujuan dari kata Hypertext dari HTML . Dalam tutorial belajar HTML kita akan membahas cara penulisannya. Tujuan kata Hypertext dari HTML adalah membuat sebuah text jika di-klik akan pindah ke halaman lainnya. HTML menggunakan tag link untuk keperluan ini. Tag link ditulis dengan <a>, singkatan cari anchor (jangkar) Setiap tag link setidaknya memiliki sebuah atribut href . Dimana href akan berisi alamat yang dituju. (href adalah singkatan dari hypertext reference). Silahkan buka text editor dan buat kode seperti dibawah ini. Contoh penggunaan tag link   <a> : <html> <head> <title>Penggunaan Tag Link </title> </head> <body> <h1>Belajar Tag Link</h1> <p>Saya sedang belajar HTML dari <a href="http://www.duniailkom.com">Duniailkom</a></p> </body> </html>   Namun jika halaman web yang kita tuju adalah di dalam folder tempat...
Baca selengkapnya

SUPPLIER LOG KAYU SENGON (Albasia)

Gambar
Menjadi Supplier Kayu Sengon  Prospek bisnis kayu sengon ini insyaallah masih terbuka lebar, hanya saja pemasarannya mungkin jangan hanya untuk kebutuhan toko material, karena banyak pabrik-pabrik kayu yang berada di daerah-daerah kabupaten Magelang, Temanggung dan Salatiga yang membutuhkan kayu sengon untuk di olah.Seperti di Pt.Sengon Kondang Tempuran Magelang. . Kalau mungkin kita harus memasoknya juga ke perusahaan tersebut, hanya saja biasanya tidak sembarang orang bisa masuk ke sana, karena perusahaan tersebut biasanya telah menunjuk seorang agen atau bandar kayu yang mereka percaya untuk memasok kayu ke tempat mereka. Apalagi kalau kita tak hanya mengambil kayu dari bandar, tetapi membelinya langsung dari petani penanam pohon kayu sengon, pastinya kita bisa lebih menyiasati persaingan disebabkan harga beli yang lebih murah (walaupun mungkin tetap harus membayar ongkos potong ke pabrik pemotongan / pengolahan kayu kalau belum memiliki pabrik sendiri). Hanya memang untu...
Baca selengkapnya