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.
|
Atribut
|
Value
|
Keterangan
|
|
Autofocus
àbaru
dihtml 5
|
autofocus
|
Area tertentu pada text area,
dimana 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
|
|
àbaru
dihtml 5
|
|
Menentukan panjang karakter pada
text area
|
|
Maxlength
àbaru
dihtml 5
|
Number
|
Menentukan panjang karakter pada text area
|
|
Name
|
text
|
Nama dari text area
|
|
Placeholder
àbaru
dihtml 5
|
text
|
Memberikan gambaran singkat tentang nilai pada tex
tarea
|
|
Readonly
|
readonly
|
Text area bersifat read-only
|
|
Required
àbaru
dihtml 5
|
required
|
Menentukan text area tersebut harus diisi atau
tidak.
|
|
Rows
|
number
|
Menentukan tinggi text area
|
|
Wrap
àbaru
dihtml 5
|
hard
soft
|
Menentukan bagaimana cara teks 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
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>
Tidak ada komentar:
Posting Komentar