Scribd
Unggah
833 tayangan2 halaman

Pengertian Form

Dokumen tersebut membahas tentang pengertian form dalam HTML dan cara membuat form dasar menggunakan berbagai tag seperti <form>, <input>, <textarea>, <select> dan <option>. Terdapat penjelasan mengenai atribut-atribut yang dapat digunakan pada setiap tag tersebut seperti name, value, size, maxlength, type dan lain sebagainya. Contoh kode script sederhana juga disertakan untuk memperjelas penjelasan.

Diunggah oleh

Ps Pramudya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
833 tayangan2 halaman

Pengertian Form

Dokumen tersebut membahas tentang pengertian form dalam HTML dan cara membuat form dasar menggunakan berbagai tag seperti <form>, <input>, <textarea>, <select> dan <option>. Terdapat penjelasan mengenai atribut-atribut yang dapat digunakan pada setiap tag tersebut seperti name, value, size, maxlength, type dan lain sebagainya. Contoh kode script sederhana juga disertakan untuk memperjelas penjelasan.

Diunggah oleh

Ps Pramudya
Hak Cipta
© © All Rights Reserved
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOCX, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 2

Pengertian Form

Form digunakan untuk mengumpulkan data dari pengunjung suatu website. Mulai dari
form untuk login, form kontak, form untuk pendaftaran user, form advertiser, form sitemap,
bahkan untuk mengirimkan data antar halaman web. Pada materi belajar HTML: cara membuat
form di HTML ini kita akan membahas cara penggunakan tag form di dalam HTML.
Form biasanya hanya berupa interface yang disediakan untuk mengumpulkan data dari user, dan
akan diproses dengan bahasa pemograman web seperti JavaScript atau PHP, dan disimpan di
dalam tabel MySQL.
Tag dasar yang akan bisa digunakan untuk membuat form pada HTML adalah tag form, input,
textarea, select dan option.
Sebuah form dalam HTML harus berada di dalam tag form, yang diawali dengan <form>
dan diakhiri dengan </form>. Seperti yang sudah dipelajari mengenai penulisan kode pada
HTML diawali dengan <Nama Function Tag> ......( Isi sebuah tag )..... </Nama Function Tag>
Pada bagian terakhir kita harus menutup kode dengan menambahkan slash ( / ).
Bagian Isi Tag dapat dimasukkan oleh beberapa atribut untuk dapat berfungsi dengan
seharusnya.
Dua buah atribut yang digunakan adalah action dan method. Dianalogikan action adalah
sesuatu yang mengoperasikan fungsi dari pada form tersebut. Sedangkan method adalah bagianbagian cara yang mengumpulkan setiap data yang diperlukan untuk diproses. Action berfungsi
menjelaskan lokasi data yang didapat form akan dikirimkan. Biasanya nilai dari atribut action ini
adalah alamat dari sebuah halaman PHP yang akan memproses isi data form. Sedangkan fungsi
dari Method, adalah untuk menjelaskan bagaimana data isian form akan dikirim. Nilai dari
atribut method ini bisa berupa get atau post.
Perbedaannya, jika kita mengisi atribut method dengan get (dimana ini adalah nilai
default seandainya kita tidak menuliskannya) maka isian form akan terlihat pada url browser.
Method get ini biasanya digunakan untuk query pencarian. Method post biasanya digunakan
untuk data yang lebih sensitif seperti yang berisi password, atau registrasi user. Data hasil form
tidak akan terlihat pada browser.
1. Text box<input type="text">
Digunakan untuk memasukan input yang berupa teks.
Size
= ukuran dari textbox dalam karakter
Maxsize
= maksimal jumlah karakter yang dapat di input
Nama
= nama variable yang dikirim ke suatu aplikasi
Value
= akan menampilkan isinya sebagai nilai default
2.

Password<input type="password">
Di gunakan untuk memasukan password
Size
= ukuran textbox dalam karakter
Maxsize
= maksimal jumlah karakter yang dapat di input
Name
= nama variable yang dikirim ke suatu aplikasi

3.

Hidden<input type="hidden">
Digunkan untuk mengirim data ke suatu aplikasi yang tidak dingginkan untuk dilihat oleh
browser.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= nilai dari variable
4.

Check Box<input type="checkbox">


Check box digunakan untuk dapat memilih lebih dari satu pilihan.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= nilai dari variable
Checked (checkbox yang sudah ditandai)

5.

Radio Button<input type="radio">


Radio button digunakan agar dapat memilih hanya salah
Name
= nama veriabel yang dikirim ke suatu aplikasi
Value
= nilai dari variable

satu

pilihan.

Checked (radio button yang sudah di tandai)


6.

Push Button<input type="button">


Elemen ini biasanya digunakan dengan JavaScript atau VBScript untuk menghasilkan
suatu aksi.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= label teks di atas tombol
7.

Submit<input type="submit">
Setiap elemen form membutuhkan tombol submit untuk mengirimkan nama dan nilainya
ke suatu aplikasi yang di tentukan dlam atribut ACTION dalam elemen FORM.
Name
= nama dari variable yang dikirim ke suatu aplikasi
Value
= label teks di atas tombol
8.

Image Submit Button<input type="image" src="url">


Digunakan untuk menggantikan tombol standar submit dengan image
Name
= nama dari variable ayng dikirim ke suatu aplikasi

9.

Reset<input type="reset">
Digunakan untuk mereset semua masukan dalam form.
Value
= label teks di button

10. Text Area<textarea></textarea>


Elemen untuk memasukan teks secara leluasa seperti notepad.
Nama
= nama dari veriabel yang dikirim ke suatu aplikasi
Rows
= panjang baris dalam karakter
Cols
= tiggi kotak
11. Select<select></select>
Daftar isi dalam property select menggunakan tag <option>
Size
= jumlah pilihan yang dapat terlihat
Name
= nama dari veriabel yang dikirim ke suatu aplikasi
Script
<html>
<title>FORM</title>
<body>
MEMBUAT FORM SEDERHANA<br>
==========================<br>
<form action='###'>
No. Induk : <input type="text" name="nama" size=30><br><br>
NAMA : <input type="text"><br><br>
Password : <input type="password" ><br><br>
Jenis Kelamin :
<input type="radio" name=jenkel value="Laki-laki">Laki-laki
<input type="radio" name=jenkel>Perempuan<br><br>
Jurusan : <SELECT Name="Jurusan">
<OPTION VALUE="TKR">Tek. Kendaraan Ringan</option>
<OPTION VALUE="AV"> Tek. Audio - Video</option>
<OPTION VALUE="TKJ">Teknik Komputer dan Jaringan</option>
</SELECT><br><br>
Hobi : <input type="checkbox"> Futsal
<input type="checkbox"> Volly Ball
<input type="checkbox"> Dance
<input type="reset" value="BATAL">
</form>
</body>
</html>

Anda mungkin juga menyukai