Tag HTML <textarea>

Definisi dan penggunaan

<textarea> Tag menentukan kontrol input teks berbaris.

<textarea> Elemen biasanya digunakan dalam formulir untuk mengumpulkan input pengguna, seperti komentar atau komentar.

Area teks dapat menampung jumlah karakter yang tak terbatas, dan teks dipaparkan dengan font lebar yang sama (biasanya Courier).

Ukuran area teks ditentukan oleh atribut cols dan rows (atau menggunakan CSS).

Setelah mengirim formulir, atribut name diperlukan untuk merujuk ke data formulir (jika atribut name dilewati, data area teks tidak akan disubmit).

Diperlukan atribut id untuk menghubungkan area teks dengan tanda (label).

Petunjuk:Selalu tambahkan <label> Tanda, untuk praktek aksesibilitas yang terbaik!

Lihat pula:

Panduan Referensi HTML DOM:Objek Textarea

Pelajaran CSS:Atur gaya formulir

Contoh

Contoh 1

Kontrol masukan teks multilini (area teks):

<label for="w3review">Komentar CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Di codew3c.com, Anda akan belajar bagaimana mengembangkan situs web. Mereka menyediakan tutorial gratis tentang semua teknologi pengembangan Web.
</textarea>

Coba sendiri!

Contoh 2

Nonaktifkan opsi penyesuaian ukuran standar:

<html>
<head>
<style>
textarea {
  resize: none;
}
</style>
</head>
<body>
<label for="w3review">Komentar CodeW3C.com:</label>
<textarea id="w3review" name="w3review" rows="4" cols="50">
Di codew3c.com, Anda akan belajar bagaimana mengembangkan situs web. Mereka menyediakan tutorial gratis tentang semua teknologi pengembangan Web.
</textarea>
</body>
</html>

Coba sendiri!

Atribut

Atribut Nilai Deskripsi
autofocus autofocus Tentukan apakah area teks harus mendapatkan fokus otomatis saat halaman dimuat.
cols Angka Tentukan lebar yang terlihat di area teks.
dirname textareaname.dir Tentukan arah teks yang akan disubmit di area teks.
disabled disabled Tentukan apakah area teks harus dinonaktifkan.
form ID formulir Tentukan formulir yang milik area teks.
maxlength Angka Tentukan jumlah karakter maksimal yang diizinkan di area teks.
name Teks Tentukan nama area teks.
placeholder Teks Tentukan penjelasan singkat tentang nilai yang diharapkan di area teks.
readonly readonly Tentukan apakah area teks harus hanya untuk dibaca.
required required Tentukan apakah area teks harus diisi.
rows Angka Tentukan jumlah baris yang terlihat di area teks.
wrap
  • hard
  • soft
 Tentukan bagaimana teks di area teks akan dipotong saat disubmit dalam formulir.

Atribut global

<textarea> Tanda ini mendukung Atribut global di HTML。

Atribut peristiwa

<textarea> Tanda ini mendukung Atribut peristiwa di HTML。

Pengaturan CSS standar

Tidak ada.

Dukungan browser

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan