Cara Membuat Text Area di HTML

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

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



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

Text area dengan tombol highlight


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



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



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 :
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

0 Response to "Cara Membuat Text Area di HTML"

Posting Komentar