HTML

Bagaimana Cara Menciptakan Text Area Di Blog?

Bagaimana Cara Membuat Text Area di Blog Bagaimana Cara Membuat Text Area di Blog?
text area HTML
Bagaimana Cara Membuat Text Area Dengan Highlight? - Text area adalah sebuah kolom yang dibentuk sebagai kontainer goresan pena atau arahan html yang ingin kita hidangkan kepada para pengunjung blog. Selain sebagai kontainer text biasa, text area juga dapat dibentuk dengan fungsi highlight supaya memudahkan pengunjung melaksanakan copy isi text area

Langsung saja kita mempelajari bagaimana cara  menciptakan arahan HTML untuk text area. Kode ini dapat saudara masukkan di website ataupun blog anda:

Membuat Text Area Biasa

<p align="center"><textarea name="mytextarea" rows="5" cols="40" readonly=""> ISI DENGAN KONTEN YANG DIINGINKAN </textarea></p>

jadinya akan terlihat menyerupai di bawah ini :



Ada dua parameter yang perlu anda perhatikan, yang pertama ialah cols, yang berarti jumlah huruf yang ditampilkan per baris. Parameter kedua ialah rows yang berarti jumlah baris yang akan ditampilkan oleh text area, kalau jumlah baris yang diketik lebih panjang dari yang disediakan makan text area akan menampilkan scrolling.

Membuat Text Area dengan Tombol Highlight

Text area juga dapat dibentuk dengan menambahkan fungsi highlight, di mana fungsi ini akan menyorot semua text yang berada di dalam text area. Ini akan membantu pengunjung blog kalau ingin mengcopy isi dari text area yang terlalu panjang. Langsung saja kita lihat referensi arahan html berikut ini:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>

Sebagai referensi :

Kode di atas memiliki dua bab utama, yaitu yang menciptakan fungsi highlight dan yang menciptakan fungsi text area. Dari semuanya ada beberapa arahan yang dapat diubah yaitu:
  • Height: 100px yang menyatakan tinggi text area anda nantinya
  • Width: 200px yang menyatakan lebar dari text area
  • Value="Highlight All" ialah text yang akan ditampilkan pada tombol
Kaprikornus silahkan diedit text area ini sesuai kebutuhan anda.

Subscribe to receive free email updates:

0 Response to "Bagaimana Cara Menciptakan Text Area Di Blog?"

Posting Komentar