Cara Membuat Text Area di HTML

Daftar Isi : [Buka]

Huh, . . Belum sampai dua minggu udah terasa lama rasanya tidak posting artikel, dan setelah melihat alexa blog ini ternyata terkejut juga dengan datanya, akhirnya malam ini saya menyempatkan diri untuk posting artikel blog. Soalnya siang hari udah kerja lagi. Hehehe Oke, postingan kali ini biasa-biasa saja yaitu cara membuat text area di html, mungkin sobat Blogger Mobile udah pada tahu apa itu text area, tapi yang masih newbie kan mungkin belum tahu. Hehehe

Cara Membuat Text Area

Text area adalah sebuah kotak atau bingkai yang dibuat untuk menyimpan tulisan atau kode-kode HTML yang ingin ditampilkan terpisah dari halaman posting tempat menerbitkan sebuah artikel. Bagi blogger yang ngeblog via hp seperti saya ini tentu saja sangat membutuhkan text area ini untuk mempermudah dalam hal copy-paste kode HTML. Text area juga terdiri dari bermacam-macam bentuk, dari yang biasa sampai yang luar biasa (wah ada juga ya yang luar biasa ?) hehehe...

Text area biasa

Tuliskan kode HTML disini

Kodenya :

<textarea name='code' rows='5' cols='10'>Tuliskan kode HTML disini</textarea>

Text area dengan tombol highlight

Tuliskan kode HTML disini

Kodenya :

<div><form name='copy'><div align='center'><input onclick='javascript:this.form.txt.focus();this.form.txt.select();' type='button' value='Copy Semua'></div><div align='center'></div><p align='center'><textarea style='width:200px;height:100px;' name='text' rows='100' wrap='virtual' cols='200'>Tuliskan kode HTML disini</textarea></p></div></form>

Text area dengan background

Tuliskan kode HTML disini

Kodenya :

<textarea rows='10' cols='8' style='background:#cccccc;color:#ff0000;'>Tuliskan kode HTML disini</textarea>

Text area password

Kodenya :

<input type='password' value='Tuliskan kode HTML disini'>

Text area garis putus-putus

Tuliskan kode HTML disini

Kodenya :

<textarea rows='8' cols='10' style='border:1px dashed;'>Tuliskan kode HTML disini>

Keterangan :
Tuliskan kode HTML disini = Tulisan yang ingin ditampilkan didalam kotak text area
Copy Semua = Tulisan yang ingin ditampilkan pada tombol highlight
Background = Warna latar belakang kotak text area
Color = Warna tulisan di kotak text area
Border = Garis pinggir kotak text area
Dashed = Garis putus-putus
Rows = Tinggi kotak text area
Cols = Lebar kotak text area

Baca Juga :

• Cara Membuat Email Gmail Lewat Hp
• Cara Memasang Tombol Like Facebook di Blog

Nah, mungkin segitu saja tutorial blogspot yang saya share kali ini tentang cara membuat text area. Jika sobat mengerti dengan kode HTML mungkin bisa dimodifikasi lagi tampilan text area nya ! Salam Blogger Mobile