contact
WA: 0822-8846-7823
SMS: 0822-8846-7823
Call: 0822-8846-7823
BBM: D7DB3491
ebsofmail@gmail.com

Membuat Textarea tidak dapat di ubah ukurannya

Posted in HTML & CSS Life at 08 Juni 2017 With 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..

▼ Download Source Code Dibawah Ini ▼


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..

Artikel Rekomendasi



Artikel Terkait

Diskusi