HTML textarea tag

Belajar CSS, tutorial css, javascript, demo online, html editor online, html, xHTML, tutorial desain blog, tutorial css3
Textarea merupakan sebuah elemen yang secara khusus berfungsi sebagai area bagi teks. Dikatakan demikian karena elemen ini hanya menampilkan teks dan tidak bagi yang lain. Semua teks ditampilkan seperti apa yang tertulis, sehingga ketika anda bermaksud menampilkan sebuah image dalam bentuk kode HTML di textarea, maka yang akan terlihat bukanlah image yang diinginkan, melainkan kode HTML seperti yang dituliskan. Sebagai contoh anda bisa melihatnya di bawah ini:
<img src="https://lh6.googleusercontent.com/-LJC5h_mfIMU/UDAZ_wD-BuI/AAAAAAAAAM0/5gkqJanHGbU/s400/gambar-harimau-02-400x300.jpg" width="400" height="300" alt="Singa Jantan" />
Textarea ditampilkan sebagai sebuah box dengan tinggi dan lebar yang dapat diatur melalui attribute rows (tinggi/height) dan cols (lebar/width) dengan nilai dalam bentuk angka.
<textarea cols="20" rows="6">
Text here!
</textarea>
Selain pengaturan dalam bentuk width/lebar dan height/tinggi melalui attribute cols dan rows, beberapa pengaturan yang lain dapat diberlakukan melalui beberapa attribute berbeda.
  • cols » Menentukan (untuk mengatur) lebar/width textarea, dimana nilai cols ekuivalen dengan jumlah karakter setiap baris, yang artinya lebar box textarea bergantung kepada nilai cols (jumlah karakter) dan ukuran font termasuk didalamnya jenis font (font-family).
  • rows » Menentukan (untuk mengatur) tinggi/height textarea. Tinggi box textarea diperhitungkan berdasar jumlah baris teks (sesuai nilai rows) sekaligus ukuran font dan jenis font (font-family) yang digunakan.
  • disabled » Mematikan fungsi dalam textarea
  • name » Nama textarea
  • readonly » Menentukan bahwa teks hanya untuk dibaca/read only
Attribute lain yang dapat digunakan
  • Standard Attributes » accesskey (character), class (class name), id, dir (ltr, rtl), lang (language_code), style (berisi property css dan nilainya - deklarasi css), tabindex (number), title (text), xml:lang (language_code)
  • Event Attributes » onblur, onchange, onclick, ondblclick, onfocus, onmousedown, onmousemove, onmouseout, onmouseover, onmouseup, onkeydown, onkeypress, onkeyup, onselect

Menentukan pengaturan textarea melalui tag style & attribute class

<style type="text/css">
textarea.gombal{
     width:400px;
     height:120px;
     padding:10px 5px 10px 20px;
     margin:20px 0;
}
</style>

<textarea class="gombal">Text here!</textarea>
Di bawah ini telah disertakan beberapa contoh kode berikut demo textarea yang melibatkan tag style, attribute style, attribute onclick dan attribute readonly. Edit kode dan dapatkan berbagai perubahan dengan memanfaatkan berbagai attribute ataupun properti css yang memungkinkan untuk digunakan dalam textarea.

Please click the button to display. Continue with editing code and click to see the results!

Tidak ada komentar:

Posting Komentar

My ProfileC l o s e

FollowerC l o s e