Kegiatan Belajar 1 : Menyajikan Komponen Entri Teks
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.
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.
baru dihtml 5 kursor y otomatis mengarah ke daerah tersebut ketika halaman web diload.
Cols number Menentukan lebar text area
Disabled disabled Text area dapat diubah
Form form_id Satu atau lebih form pada text area
Cols number Menentukan lebar text area
Disabled disabled Text area dapat diubah
Form form_id Satu atau lebih form pada text area
baru dihtml 5 Menentukan panjang karakter pada text area
Maxlength Number Menentukan panjang karakter pada text
Maxlength Number Menentukan panjang karakter pada text
baru dihtml 5 area
Name text Nama dari text area
Placeholder text Memberikan gambaran singkat tentang
Name text Nama dari text area
Placeholder text Memberikan gambaran singkat tentang
baru dihtml 5 nilai pada tex tarea
Readonly readonly Text area bersifat read-only
Required required Menentukan text area tersebut harus diisi
Readonly readonly Text area bersifat read-only
Required required Menentukan text area tersebut harus diisi
baru dihtml 5 atau tidak.
Rows number Menentukan tinggi text area
Wrap hard Menentukan bagaimana cara teks
Rows number Menentukan tinggi text area
Wrap hard Menentukan bagaimana cara teks
baru dihtml 5 soft dikemas dalam text area sebelum teks tersebut dikirimkan
NAME
Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM. NAME
Baca Juga : Contoh Penulisan COLS, READONLY, DISABLED pada pemprograman Web
Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM. NAME
Baca Juga : Contoh Penulisan COLS, READONLY, DISABLED pada pemprograman Web
Atribut ini digunakan untuk meemberikan nama dari TEXTAREA. Atribut ini akan sangat berguna jika tag TEXTAREA digabungkan dengan tag FORM.
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>
</textarea></p>
</body>
</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>
</textarea></p>
</body>
</html>
Bila listing kode diatas dijalankan akan menghasilkan tampilan pada halaman web seperti berikut :
Baca Juga : Cara Instal CorelDRAW X4 Agar Full Versi Menggunakan PsiKey.dll tanpa Keygen (Serial Number)
Baca Juga : Cara Instal CorelDRAW X4 Agar Full Versi Menggunakan PsiKey.dll tanpa Keygen (Serial Number)
0 Response to "Kegiatan Belajar 1 : Menyajikan Komponen Entri Teks"
Post a Comment