Membuat Textarea tidak dapat di ubah ukurannya

Publish Date : 08-06-2017 , dibaca 5519 kali, Hari ini dibaca : 2 kali ,0 comments

Tips kali ini kita akan membagikan Cara Disable Resize pada textarea ,untuk membuat textarea tidak dapat diubah ukurannya atau tetap kita dapat menggunakan CSS, dengan css kita bisa memodifikasi textarea, menetapkan ukuran textarea sesuai yang kita tentukan dan merubah di vertikal atau horizontal saja ukurannya 

OK.. silahkan anda praktekan langsung ya..

Seperti kita ketahui textarea dibuat dengan menggunakan code dasar berikut ini :

<textarea name='komentar'></textarea>

Nah.. agar textarea dapat kita modifikasi ukuran atau kita disable auto resize nya.. kita bisa menggunakan css, berikut contohnya :

<textarea name='komentar' style="resize:none;width:300px;height:100px;"></textarea>

Perhatikan fungsi resize:none diatas , ya... itu dapat diguanakan untuk mendisable ukuran textarea, dan ketetapan ukurannya kita atur dengan menggunakan fungsi width dan height pada css..

atau.. kita bisa menambahkan css nya seperti ini :

<textarea name='komentar' class='input'></textarea>

Nah kemudian kita buat class input css nya :

.input{
  resize:none;
  width:300px;
  height:100px;
}

sama saja bukan... ????? nah tergantung anda menggunakan yang mana.. itu terserah anda

 
Tip: Nah.. bagaimana kita membuat batasan ukuran horizontal dan vertikal saja pada textarea.. ??? atau resize horizontal dan vertikal saja salah satunya.. ?? .

Untuk membuat resize horizontal saja :

<textarea style="resize:horizontal"></textarea>

Untuk membuat resize vertikal saja :

<textarea style="resize:vertikal"></textarea>

Bagaimana.. mudah bukan kita mengatur dan memodifikasi ukuran textarea.. ??? selamat berkreasi ya..

Produk Rekomendasi

Artikel Terkait

Diskusi



wa