Tutor Membuat Text Area Di Posting Blog

Tutorial Membuat Text Area Di Posting Blog

Tutorial Membuat Text Area- Apa itu text area? pasti sobat berpikir-pikir tentang ini?Ya, Text area yaitu sebuah komponen HTML yang digunakan untuk menampilkan text/kode script dalam bentuk dan format Text Bisa dikatakan juga tempat untuk menyimpan text/Tulisan baru.

Text area memiliki 2variasi , kalian tinggal memilih mana yang lebih kalian sukai/cocok.

• Text Area Standard

Copy Code di Bawah Ini :


<p align="center"><textarea name="code" rows="2" cols="15"> Thanks For Visit </textarea></p>

Keterangan :

1. "rows"2 = adalah tinggi text are
2. "cols"15 = adalah lebar text area

NB = jika kalian menginginkan text area lebih tinggi/lebar , silahkan ubah angka 2/15 Menjadi lebih besar/lebih tinggi.

• Text Area Highlight

Variasi selanjutnya adalah Text Area Highlight.Dengan menggunakan tombol Highlight dimaksudkan agar memudahkan untuk mengcopy text area dengan mengeklik Tombol Highlight.

Tombol Highlight sangat bermanfaat,Salah satunya untuk mencegah tinggalnya satu/beberapa text area.

Copy Code di Bawah Ini :

<div><form name="copy"><div align="center"><span><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" value="Highlight All" type="button"> </span></div><p align="center"><textarea style="width: 150px; height: 80px;" name="txt" rows="5" wrap="VIRTUAL" cols="20">Tulislah sesuatu apa saja yang kalian inginkan disini</textarea></p></form></div>

Hal-Hal yang harus diperhatikan saat membuat text area :

• <div align="center"> --> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika sobat ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right. 
  
  

• <input onclick="javascript:this.form.txt.focus();this.form.txt.selec()"> --> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi sobat jangan merubah tulisan ini. 
  
  
• Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika sobat ingin merubah tulisan ini silahkan ganti dengan kata yang sobat inginkan. 
  
  
• <p align="center"> --> ini menunjukan bahwa text area akan berada di tengah, nah jika sobat ingin text area sobat berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right. 
  
  
• <text style="WIDTH: 150px">-->kata "WIDTH:150px" menunjukan lebar dari text area tersebut sebanyak 150 pixel, jadi jika sobat ingin memperpendek atau memperpanjang lebar text area, sobat tinggal menggantinya dengan angka yang sobat inginkan. misal: "WIDTH:500px;" 
  
  
• HEIGHT: 80px --> angka "80px" menunjukan bahwa text area akan mempunyai tinggi sebesar 80 px, jadi jika sobat ingin merubahnya tinggal ganti angka tersebut dengan angka yang sobat inginkan. Misal : HEIGHT:160px.

Gimana tertarik untuk mencoba?Semoga Posting tentang Text Area bermanfaat bagi kita semua ^^,Selamat Mencoba^^Thanks To maskolis