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>
