Cara Membuat Text Area

Untuk membuat text area saya rasa sudah banyak blogger yang tahu, tapi mungkin saja ada yang sudah lupa atau memang belum tahu membuatnya. Oleh karena itu, kali ini saya akan sedikit share tentang cara membuat text area. Text area adalah suatu form yang disediakan untuk menulis kode HTML agar bisa ditampilkan di halaman posting atau di sidebar untuk berbagai keperluan, seperti membuat artikel, membuat LinkExchange, dll. Lihat postingan sebelumnya Cara Menampilkan Kode HTML.

Berikut langkah-langkah yang mesti kita lakukan untuk bikin text area beserta contohnya:

<p align="left"><textarea name="code" rows="40" cols="20">kode Anda di sini</ textarea></p> <p>

Untuk membuat textarea di atas salin kodenya ada di dalam teks area di atas dan ganti dengan .

Penjelasan:

• dan
  digunakan untuk menentukan posisi text area nantinya, dalam hal ini saya pasang di sebelah kiri (“left”).
• </span> dan <span style="color:blue;"> adalah tag untuk membuat teks area.
• rows adalah untuk menentukan tingginya.
• cols adalah untuk menentukan lebarnya text area.

Untuk membuat textarea yang ketika diklik tulisan dalam textarea akan langsung terpilih semua (HighLight), maka gunakan kode berikut ini, caranya sama seperti di atas ganti dengan :

<p align="left"><textarea name="code" rows="3" cols="30" onclick="this.focus();this.select();">kode Anda di sini</ textarea></p> <p>

Cara di atas tanpa menggunakan tombol, sedangkan text area yang disertai dengan tombol Select All/HighLight yang berguna untuk memblok (select) semua tulisan dalam text area. Berikut caranya yang saya ambil dari Kang Rohman:

Untuk membuat textarea dengan tombol Select All seperti di atas, silakan salin kode di dalam teks area. Tapi, pada bagian silakan ganti dengan .

Selamat mencoba, semoga bermanfaat.