FormTextarea

Kolom teks beberapa baris yang tumbuh mengikuti isi, dengan hitungan karakter opsional.

Dasar

Tinggi awal mengikuti rows, lalu bertambah saat isi bertambah sampai batas max-rows. Setelah itu kolom digulir, bukan mendorong isi halaman.

Patokan lokasi atau pesan untuk kurir.

Kolom tumbuh mengikuti isi sampai 10 baris, lalu bisa digulir.

Batas dan hitungan karakter

maxlength menjaga batas di browser; counter menampilkannya. Hitungan terhubung ke kolom lewat aria-describedby, jadi pembaca layar menyebutkan sisa ruang saat kolom difokus.

53 dari 160 karakter terpakai

Maksimal 160 karakter.

Error, readonly, dan disabled

Sama seperti FormInput: readonly masih bisa difokus dan disalin, disabled dilewati saat navigasi keyboard.

Deskripsi belum diisi.

Hanya dibaca.

Autoresize dimatikan, bisa ditarik manual.

API

Props

PropTipeDefaultKeterangan
v-modelstring—Isi teks beberapa baris.
rowsnumber3Tinggi awal, sekaligus tinggi terkecil saat autoresize.
autoresizebooleantrueTinggi mengikuti isi. Matikan untuk kolom dengan tinggi tetap.
max-rowsnumber10Batas pertumbuhan; setelah itu isinya digulir.
maxlengthnumber—Batas karakter yang dijaga browser dan ditampilkan counter.
counterbooleanfalseMenampilkan jumlah karakter di bawah kolom.
size / id / disabled / readonly / required / invalid——Sama seperti FormInput, termasuk pewarisan dari FormField.

Atribut seperti name, placeholder, dan ARIA diteruskan ke textarea. class/style diterapkan pada pembungkus untuk tata letak. Ref komponen menyediakan focus(), blur(), select(), dan resize().