HTML textarea tag | belajar <textarea> element

HTML Fadlullah Fadul December 3, 2018

Referensi Belajar HTML textarea tag. Tutorial dan panduan mengenai element <textarea>...</textarea> yang digunakan untuk input data pada kotak area lebih dari satu baris. Mencakup penjelasan yang disertai contoh kode penggunaan sebagai rujukan untuk materi belajar HTML elemen <textarea>.

Deskripsi
Penjelasan HTML textarea

HTML <textarea> element merepresentasikan input control yang memiliki area teks lebih dari satu baris. Untuk mengatur tinggi dan lebar dari area teks tersebut dapat digunakan attribute rows (untuk baris) dan cols (untuk kolom), atau lebih baik lagi dengan CSS height dan width property.

Teks yang ditulis didalam element <textarea> merupakan teks dasar dengan karakter tanpa batas. teks tersebut dapat disisipkan secara langsung diantara tag pembuka (<textarea) dan tag penutup (</textarea>) sebagai awal konten.

Attributes
Atribut HTML Tag <textarea>

autofocus

Menentukkan bahwa area teks secara otomatis harus fokus (berada padanya) ketika halaman dimuat.

Value: autofocus

cols

Menunjukkan kolom. Menentukkan lebar dari textarea.

Value: nomor

disabled

Menentukkan bahwa textarea nonaktif (tidak dapat diedit).

Value: disabled

form

Menentukkan id dari form. textarea ditujukan untuk form dengan nama id yang sama.

Value: id dari form

maxlength

Menentukkan maksimal jumlah karakter yang dapat diinput pada area teks tersebut.

Value: nomor

minlength

Menentukkan minimum jumlah karakter yang dapat diinput pada area teks tersebut.

Value: nomor

name

Menentukkan nama untuk textarea.

Value: teks

placeholder

Menentukkan teks yang dijadikan bayangan sebagai kunci atau keterangan yang akan hilang dengan sendirinya ketika area teks diedit.

Value: teks

readonly

Menunjukkan bahwa textarea hanya dapat dibaca (tidak dapat dihapus atau diubah).

Value: readonly

required

Menunjukkan bahwa textarea wajib diisi, jika tidak diisi maka tindakan selanjutnya tidak akan diproses dan akan muncul pesan error.

Value: required

rows

Menunjukkan jumlah baris pada textarea. semakin besar jumlahnya maka tinggi element textarea akan bertambah.

Value: nomor

wrap

Menentukkan bagaimana area teks dilipat (wrap) ketika dikirimkan pada sebuah form.

Value: hard atau soft

Global Attributes
Atribut Secara Global (Keseluruhan)

<textarea> tag mencakup global attributes, yang artinya tag tersebut dapat disisipkan semua attributes yang termasuk dalam global attributes yang secara umum berlaku untuk semua HTML tags.

Silahkan, lihat referensi mengenai HTML Global Attribute

Event Attributes
Atribut event (Peristiwa)

<textarea> tag mencakup event attributes, yang artinya attribute tersebut dijalankan ketika ada interaksi dari user atau dalam suatu peristiwa (kejadian). Contoh: menjalankan script (JavaScript) ketika halaman web pada jendela browser hendak ditutup, dan lain sebagainya.

Silahkan, lihat referensi mengenai HTML Events Attribute

Example
Contoh HTML <textarea> element

HTML 
<textarea rows="7" cols="80">
  Tulis Pesan Anda dengan Lengkap.
</textarea>

Contoh Lengkap

Contoh source code lengkap disertai dengan link "editor" untuk mencoba (try it) dan melihat hasil (preview) kode.

SOURCE
editor 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>Demo HTML textarea tag</title>
    <style>

    </style>
  </head>
  <body>
    <label for="message">Pesan:</label> <br>
    <textarea id="message" rows="7" cols="80">
    Tulis Pesan Anda dengan Lengkap.
    </textarea>
  </body>
</html>
SHARE
Previous Article Next Article