Tunggu Sebentar...

2/15/2017

Anatomi dari Form

Baca Juga



AA Sciences, Aldi Andreansyah - Form, Anatomi dari Form, Anatomi dari tag Form, Kumpulan Anatomi dari Form.


Anatomi dari Form



Anatomi form
Form merupakan salah satu bentuk bagian dalam halaman suatu web yang dimana Form ini digunakan untuk menerima sebuah masukkan dari pengguna, dan untuk selanjutnya masukkan dari pengguna tersebut yang dimana akan di olah menggunakan bahasa pemrograman web tertentu, baik itu secara server side scripting (menyekrip sisi server) seperti PHP, JSP ataupun client side scripting (menyekrip sisi klien) seperti Javascript.

Disamping itu Form pun sangat sering kita jumpai dalam suatu aplikasi sistem informasi yang dimana berbasis web, Form pun dapat pula digunakan untuk sebagai berbagai keperluan seperti hal nya yakni untuk berbagai keperluan seperti :

  • Keperluan untuk mengakses masuk dalam website (Login).
  • Transaksi Penjualan (Negotiation)
  • Mengumpulkan informasi atau meminta nya sebuah informasi umpan balik dari pengguna.
  • Menawarkan barang/jasa secara online.
  • Untuk berinteraksi melalui form kontak.
  • Mengirimkan data antar halaman web.
  • Dan masih banyak lagi keperluan lainnya.

Anatomi Dari Form


Membahas mengenai Anatomi dari Form, Anatomi dari Form memilki Standard atau Format Script yang biasa digunakan (umum), untuk penulisan dari Form nya yakni adalah sebagai berikut :

<form metode="post/get" action="....">
......
......
......
......
</form>

Catatan :

Tanda dari titik (......) adalah kode script yang ingin kalian terapkan pada anatomi form tersebut.

Berikut ini adalah beberapa variasi yang dapat kalian terapkan pada atribut dari Form <form> :

<FORM ACTION=action base> form tags </FROM> 
<FORM METHOD=method> form tags </FROM> 
<FORM ENCTYPE=media tipe> form tags </FROM> 
<FORM ACTION=action base TARGET="target window name"> form tags </FROM> 
<FORM SCRIPT=URL> form tags </FROM>

Catatan :

Target Pada Window Name dapat kalian isikan berupa :
_blank
_self
_parent
_top

Di antara elemen form yakni <form> dan </form> digunakan terdapat beberapa elemen-elemen HTML <input> yang dimana berfungsi untuk mendefinisikan tag Input yang akan dimasukkan oleh para user. Biasanya Format yang biasa digunakan (Umum) dari penulisan elemen HTML <input> adalah sebagai berikut :

<input
 name="name"
 size="number"
 type="text" | "checkbox" | "radio" |
 "button" | "submit" | "reset"
 value="value"
checked >

Pada jenis masukan (input) dari halaman sebuah web minimal kita harus nya memilki atribut jenis (type), nama (name), dan nilai (value) default. Disamping itu pun atribut type, masing-masing elemen masukkan (input) memilki atribut-atribut yang lain dan beberapa atribut tersebut pun berlaku untuk beberapa jenis elemen masukkan (input).

Sebagai contoh adalah elemen masukkan nya <input> yang dimana atribut Type nya tersebut adalah sebuah text yang memiliki atribut antara lain :

  • Name : berguna untuk memberi nya suatu nama dalam kotak tersebut.
  • Value : berguna untuk menandai atau menampung nya sebuah teks.
  • Size : berguna sebagai untuk mengatur nya ukuran sebuah teks pada kotak tertentu.
  • Maxlength : berguna sebagai fitur yang menentukan panjang maksimum sebuah teks yang diman masing masing jenis masukkan (input) memilki karakteristik yang berbeda beda, dan dalam pemilihan penggunaannya disesuaikan dengan kesesuaian nilai dari sebuah masukkan (input) data yang sudah dikelola tersebut.

Berikut adalah salah satu jenis contoh listing kode dari tag elemen form masukkan (input) :

<form>
 Nama : <input type="text"
 name="fnama"><br>
 <input name="negara" value="indonesia">
 <input type="submit" value="Submit">
</form>

Maka hasil nya akan menjadi script, yakni macam seperti di script bawah ini.
Nama :

Nah mungkin hanya cukup sekian saja mengenai Anatomi dari Form yang dapat AA Sciences sampaikan semoga bermanfaat dan sekaligus menambah wawasan kalian, Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon