Materi Pemrograman Web Semester 2

Menyajikan Komponen Entri Teks 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 di jelaskan pada tag FORM tersebut. Format umum penulisan text area multiline Contoh penulisan <!DOCTYPE html> <html> <head> <title>cek form </title> </head> <body> <p> Silahkan diisi pada teks area yang tersedia</p> <p><textarea NAME=”papantulis” COLS=40 ROWS=6>

: 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 biasa nya 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 men ghasilkan 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 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 : 4)Form menggunakan input hidden Format tag form input hidden HTML nyaadalah sebagai berikut : 5)Pembuatan form biodata dengan input text Nama : < input type="text" name="nama">

Kelas:

No :

Hobby:

Password:

    6.Pembuatan form dengan elemen fieldset Berikut adalah contoh pembuatan form dengan menggunakan elemen fielsdet serta input form < title>Hooya

Proses Sign in

YAHOO!

Tidak bisa mengakses account

Bantuan Sign in

------------ Atau ------------

------------------------------

Masuk dengan Facebok atau Google

 

c. Rangkuman . Pada kegiatan belajar menyajikan komponen entri teks dapat disimpulkan menjadi beberap a point penting seperti berikut :  Data bisa diinputan dalam bentuk textarea, input teks , pilihan radio button, check box dan lain sebagainya  Komponen text area merupakan area tempat untuk menyimpan text atau tulisan baru  Atribut – atribut pada textarea diantaranya, autofocus, cols, di sabled, form, maxlength, name, placeholder, readonly, required, rows, wrap  Komponen input text password bertanggung jawab untuk memasukan data password.  Komponen input text merupakan komponen untuk memasukan data text ke server dalam bentuk textfield  Pada format form input hidden ditandai dengan atribut form type = hidden