BAB 024 - (Form) Form HTML

Form HTML adalah fasilitas untuk meminta input data kepada user, yang selanjutnya data tersebut nanti dapat diolah oleh server..

 

Tag <form>

Tag <form> tempat untuk mengumpulkan semua elemen input data.

<form>
     .....
     ... elemen form ...
     .....
</form>

 

 

Tag <input>

Tag <input> adalah model fasilitas entry data, diantaranya :

<input type = "text">
input teks satu baris

<input type = "radio">
Input tombol radio (untuk memilih satu dari banyak pilihan)

<input type = "submit">
tombol kirim (untuk mengirim formulir)

 

Contoh :

Cobalah utak-atik contoh diatas

 

Ada banyak tipe-tipe input data yang didukung Html.

Untuk pembahasan lebih lengkapnya nanti kita bahas di Bab berikutnya (Bab-25 Input Type)

 

 

Atribut Action

Atribut action menunjukkkan hasil input data tersebut akan diproses pada file/halaman apa.

Proses Action ini akan dilaksanakan setelah tombol Submit di pencet/klik.

<form action="proses_komentar.php">

Biasanya proses data ini dilakukan di server dengan menggunakan bahasa PHP atau ASP.

 

 

Atribut Target

Atribut target ini perlakuannya sama dengan atribut target pada hyperlink , yaitu dimana nilainya :

  • _blank - Membuka dokumen yang ditautkan di jendela atau tab baru
  • _self - Membuka dokumen yang ditautkan di jendela / tab yang sama seperti yang diklik (ini adalah default)
  • _parent - Membuka dokumen yang ditautkan dalam frame induk (jarang digunakan)
  • _top - Membuka dokumen yang ditautkan keluar dari frame (jarang digunakan)
  • framename - Membuka dokumen yang ditautkan ke dalam nama frame.(jarang digunakan)

 

 

Atribut Method

ada 2 jenis metode pengiriman data yang didukung :

  • GET
  • POST

<formaction="/proses_komentar.php" method="get">

<formaction="/proses_komentar.php" method="post">

 

 

Method GET

Ini adalah metode default dari Html, namun saya secara pribadi sangat tidak menyarankan menggunakan metode ini.

Karena dengan metode GET ini, hasil entry data akan ditampilkan pada link url, contoh :

http://yesnetijen.web.id/proses_komentar.php?nama=Cahyono&departemen=Marketing

 

 

Method POST

Saya sangat menganjurkan untuk selalu menggunakan metode POST ini.

Kebalikan dari metode GET, pada metode POST ini hasil entry data tidak ditampilkan pada link url

Contoh :

http://yesnetijen.web.id/proses_komentar.php

 

 

Atribut Name

Atribut name ini digunakan sebagai nama variabel dari input data.

Semua input data "Harus" memiliki atribut name yang unik, kecuali input type radio atau list (combo box). Karena input tipe ini berupa pilihan (option), nilai yang diambil adalah yang statusnya "checked" (centang/dipilih).

Contoh :

<form>
    Nama : <input type="text"name="nama"><br>
    Departemen :<br>
    <input type="radio" name="departemen" value="IT" checked> IT<br>
    <input type="radio" name="departemen" value="Marketing">Marketing<br><br>
    <input type="submit" value="Kirim">
</form>

Lihat contoh Yes!Cobalah pada bagian atas bab ini.

 

 

Tag <fieldset> dan <legend>

Tag <fieldset> digunakan untuk mengelompokkan input form kedalam sebuah kotak, agar terlihat rapih, tertata dan enak dimata.

Biasanya disertai Tag <legend> untuk memberi label kelompok input data <fieldset>.

Contoh :

Cobalah utak-atik contoh diatas

 


Sebelumnya
BAB 023 - Spesial Karakter
  Berikutnya
BAB 025 - (Form) Atribut Input

 

(0) Komentar

Beri komentar





Hanya komentar yang sudah di-approve admin yang tampil.

KESIMPULAN : Form HTML adalah fasilitas untuk meminta input data kepada user, yang selanjutnya data tersebut nanti dapat diolah oleh server..   Tag <form> Tag <form> tempat untuk mengumpulkan semua elemen input data. <form>      .....      ... elemen form ...      ..... </form>     Tag <input> Tag <input> adalah model fasilitas entry data, diantaranya : <input type = "text"> input teks satu baris <input type = "radio"> Input tombol radio (untuk memilih satu dari banyak pilihan) <input type = "submit"> tombol kirim (untuk mengirim formulir)   Contoh : Cobalah utak-atik contoh diatas   Ada banyak tipe-tipe input data yang didukung Html. Untuk pembahasan lebih lengkapnya nanti kita bahas di Bab berikutnya (Bab-25 Input Type)     Atribut Action Atribut action menunjukkkan hasil input data tersebut akan diproses pada file/halaman apa. Proses Action ini akan dilaksanakan setelah tombol Submit di pencet/klik. <form action="proses_komentar.php"> Biasanya proses data ini dilakukan di server dengan menggunakan bahasa PHP atau ASP.     Atribut Target Atribut target ini perlakuannya sama dengan atribut target pada hyperlink , yaitu dimana nilainya : _blank - Membuka dokumen yang ditautkan di jendela atau tab baru _self - Membuka dokumen yang ditautkan di jendela / tab yang sama seperti yang diklik (ini adalah default) _parent - Membuka dokumen yang ditautkan dalam frame induk (jarang digunakan) _top - Membuka dokumen yang ditautkan keluar dari frame (jarang digunakan) framename - Membuka dokumen yang ditautkan ke dalam nama frame.(jarang digunakan)     Atribut Method ada 2 jenis metode pengiriman data yang didukung : GET POST <formaction="/proses_komentar.php" method="get"> <formaction="/proses_komentar.php" method="post">     Method GET Ini adalah metode default dari Html, namun saya secara pribadi sangat tidak menyarankan menggunakan metode ini. Karena dengan metode GET ini, hasil entry data akan ditampilkan pada link url, contoh : http://yesnetijen.web.id/proses_komentar.php?nama=Cahyono&departemen=Marketing     Method POST Saya sangat menganjurkan untuk selalu menggunakan metode POST ini. Kebalikan dari metode GET, pada metode POST ini hasil entry data tidak ditampilkan pada link url Contoh : http://yesnetijen.web.id/proses_komentar.php     Atribut Name Atribut name ini digunakan sebagai nama variabel dari input data. Semua input data "Harus" memiliki atribut name yang unik, kecuali input type radio atau list (combo box). Karena input tipe ini berupa pilihan (option), nilai yang diambil adalah yang statusnya "checked" (centang/dipilih). Contoh : <form>     Nama : <input type="text"name="nama"><br>     Departemen :<br>     <input type="radio" name="departemen" value="IT" checked> IT<br>     <input type="radio" name="departemen" value="Marketing">Marketing<br><br>     <input type="submit" value="Kirim"> </form> Lihat contoh Yes!Cobalah pada bagian atas bab ini.     Tag <fieldset> dan <legend> Tag <fieldset> digunakan untuk mengelompokkan input form kedalam sebuah kotak, agar terlihat rapih, tertata dan enak dimata. Biasanya disertai Tag <legend> untuk memberi label kelompok input data <fieldset>. Contoh : Cobalah utak-atik contoh diatas  

 

 

Step By Step Belajar HTML 5

 

 

Artikel Lainnya :