Membuat Textarea tidak dapat di ubah ukurannya
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
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..