Scribd
Unggah
41 tayangan

Modul Membuat Form

(1) Form digunakan untuk mengumpulkan dan mengirim data pengguna ke server web. Form menggunakan berbagai kontrol seperti teks, daftar pilihan, tombol radio, kotak centang, dan lainnya. (2) Tag HTML <form> digunakan untuk membuat form. Elemen <input> digunakan untuk mengambil informasi dari pengguna dan dapat berupa teks, kata sandi, tombol radio, daftar turun, kotak centang, dan area teks

Diunggah oleh

Guruh Panji Alam
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
41 tayangan

Modul Membuat Form

(1) Form digunakan untuk mengumpulkan dan mengirim data pengguna ke server web. Form menggunakan berbagai kontrol seperti teks, daftar pilihan, tombol radio, kotak centang, dan lainnya. (2) Tag HTML <form> digunakan untuk membuat form. Elemen <input> digunakan untuk mengambil informasi dari pengguna dan dapat berupa teks, kata sandi, tombol radio, daftar turun, kotak centang, dan area teks

Diunggah oleh

Guruh Panji Alam
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/ 8

MODUL

MEMBUAT FORM

A. Dasar Teori
Pengertian Form
Secara global, form adalah suatu bagian di dalam halaman web yang berfungsi
untuk mengizinkan pengunjung mengirim data ke web server. Dengan kata lain,
form berperan sebagai user-interface (antarmuka) atau media untuk berkomunikasi
antar user dan web server.
Tipe kontrol yang digunakan di dalam form memiliki bentuk yang beragam: text,
combo box, list box, radio button, check box, dan lain-lain, tergantung dari jenis data
yang akan dikirimkan ke web server.
HTML form digunakan untuk memberikan data ke sebuah server. Sebuah HTML
form dapat memiliki input-input element antara lain text field, checkbox, radio button,
submit button, dan lain-lain. Sebuah form juga dapat mengandung select list,
textarea, fieldset, legend, dan element label.
Tag yang digunakan untuk membuat HTML form adalah <form>.
<form>
.
input elements
.
</form>

Elemen <input> HTML Forms

1
MODUL MEMBUAT FORM
Hal yang terpenting dari element form adalah elemen <input>. Elemen <input>
digunakan untuk mengambil informasi dari user. Sebuah elemen input dapat dipakai
dengan berbagai cara tergantung dari tipe attributnya. Sebuah elemen input dapat
berupa text field, checkbox, password, radio button, submit button, dan lain-lain.
Input type yang secara umum digunakan antara lain:
1) Text Field
Input yang digunakan akan berupa kotak text berikut ini:
<form>
First name: <input type=”text” name=”firstname”><br />
Last name: <input type=”text” name=”lastname”>
</form>

2) Password Field
Password field adalah kotak yang ketika anda menuliskan password disitu maka
huruf akan diganti dengan simbol lingkaran untuk melindungi tulisan password yang
diketik.
<form>
Password: <input type=”password” name=”pwd”>
</form>

3) Radio Button
Radio button digunakan untuk memilih inputan hanya satu pilihan saja. Contoh:
Jenis kelamin.
<form>
<input type=”radio” name=”sex” value=”male”>Laki-laki<br />
<input type=”radio” name=”sex” value=”female”>Perempuan
</form>

4) Drop Down List / Combo Box


<form action=””>
<select name=”cars”>
<option value=”volvo”>Volvo</option>
<option value=”saab”>Saab</option>
<option value=”fiat”>Fiat</option>
<option value=”audi”>Audi</option>
</select>
</form>

5) Check Box

2
MODUL MEMBUAT FORM
Perbedaan dengan radio button adalah dapat mencentang / memilih lebih dari
satu pilihan.
<form>
<input type=”checkbox” name=”vehicle” value=”Bike” />I have a bike<br />
<input type=”checkbox” name=”vehicle” value=”Car” />I have a car
</form>

6) Text Area
Text area seperti text field namun bedanya adalah text area dapat terdiri dari
beberapa line/baris dan kolom.
<textarea rows=”4” cols=”50”>
Ini adalah mata pelajaran Pemrograman Web. Pemrograman web merupakan
sebuah pemrograman dengan menggunakan kode HTML.
</textarea>

B. Latihan
Kontrol Text

3
MODUL MEMBUAT FORM
Kontrol
Textarea

Kontrol Radiobutton

4
MODUL MEMBUAT FORM
Kontrol
Checkbox

5
MODUL MEMBUAT FORM
Kontrol
Listbox

Kontrol Combobox

6
MODUL MEMBUAT FORM
Kontrol Password

Kontrol Reset

7
MODUL MEMBUAT FORM
8
MODUL MEMBUAT FORM

Anda mungkin juga menyukai