materi pw

a. Tujuan Pembelajaran.
 Setelah mengikuti kegiatan belajar 1 ini siswa diharapkan dapat :
 1) Memahami komponen entri teks
 2) Menyajikan komponen entri teks ke dalam sebuah halaman web
b. Uraian materi.
Form HTML digunakan untuk memilih pelbagai macam inputan yang
disediakan. Data bisa diinputan dalam bentuk textarea, input teks , pilihan radio
button, check box dan lain sebagainya. Bentuk inputan tersebut dikemas
elemen dalam tag-tag form. Pada kegiatan belajar ini akan mempelajari inputan
text.
1) Komponen text area multiline
Komponen text area merupakan area tempat untuk menyimpan text atau tulisan
baru, atau bisa dikatakan sebuah komponen HTML yang digunakan untuk
menampilkan text dalam bentuk dan format text.
Untuk menampung input teks yang panjang dan mungkin tersusun atas lebih
dari 1 baris, maka digunakan komponen input ‘textarea’. TEXTAREA dapat
digabungkan dengan tag FORM untuk menjadi inputan yang akan diolah oleh
file pemroses sebagaimana seperti yang telah dijelaskan pada tag FORM
tersebut.
Format umum penulisan text area multiline
<textarea atribute=”atribute">
Terdapat beberapa atribut dari text area, diantaranya row,col dan lain
sebagainya. Pada HTML 5 menyediakan banyak 6 atribut baru textarea.
2) Komponen input text password Komponen input text password bertanggung jawab untuk memasukan data password. Dari atribut-atribut tersebut, yang utama dan terutama harus disesuaikan atau diberi nama sesuai dengan item datanya adalah atribut ‘name’, karena file yang dituju pada atribut action di tag form, yang biasanya adalah file server side scripting (PHP) akan mengambil input dari form berdasarkan atribut nama (‘name’) dari komponen input form tersebut.Disamping tipe text, terdapat pula tipe input teks yang lain, yakni ‘password’. Input tpe ‘password’ ini akan menghasilkan input dengan notasi ’●’. Biasanya input tipe ‘password’ digunakan dalam form untuk masukan kata kunci atau password dari pengguna di dalam form login.Format dari elemen input text password HTML-nya adalah sebagai berikut : Berikut adalah penggalan listing program penulisan form input password, dimana form diberi nama=pwd dengan panjang maximal karakternya adalah 6. Pemrograman Web Page | 12

Password:

Contoh hasil kompilasi dari listing diatas : Gambar 1.5 form input password 3) Komponen input text Komponen input text merupakan komponen untuk memasukan data text ke server dalam bentuk textfield.Format tag HTML-nya adalah sebagai berikut : Berikut contoh listing program yang menggunakan form input Contoh bentuk tampilannya adalah sebagai berikut : Pemrograman Web Page | 13

Nama :
Sekolah :

Gambar 1.6 form input text 4) Form menggunakan input hidden Format tag form input hidden HTML-nya adalah sebagai berikut :