Cara Agar Ukuran Textarea HTML Tidak Dapat Diubah

Dibuat
·
Dilihat14 kali
0

Default elemen textarea HTML dapat diubah tinggi maupun lebarnya, apakah ada cara agar ukurannya tidak dapat diubah oleh pengguna?

1 Jawaban
0

Ada properti CSS bernama resize untuk menonaktifkan perubahan ukuran elemen textarea, entah itu ukuran height, width, maupun keduanya.

Untuk menonaktifkan keduanya gunakan nilai none untuk properti resize, vertical untuk lebar, dan horizontal untuk tinggi. Contoh:

<style>
  .disable-resizeable {
    resize: none;
  }
  .disable-resizeable-width {
    resize: vertical;
  }
  .disable-resizeable-height {
    resize: horizontal;
  }
</style>

<textarea class="disable-resizeable"></textarea>
<textarea class="disable-resizeable-width"></textarea>
<textarea class="disable-resizeable-height"></textarea>
Dibuat

Kamu tau jawabannya?

Ayo bergabung bersama lebih dari 200.000 pengguna lainnya!