Cara Mudah Membuat Text Area Untuk Coding Blog

Berikut ini tutorial singkat membuat Text Area yang umumnya digunakan untuk memberikan informasi code atau koding HTML, Javascript, dan code lainnya di Web Blog. Text area juga memiliki fungsi lain seperti mengkhususkan suatu area untuk menampilkan kalimat penting. Maka dengan Text Area dapat memudahkan setiap pengunjung meng-copy keseluruhan kalimat dan code dengan mudah dan cepat.

Text Area

Input seluruh coding Text Area dibawah ini ke dalam mode HTML artikel anda.

<div>
<form name="textarea">
<div align="center">
<input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div>
<div align="center">
<textarea cols="30" name="txt" rows="5" wrap="All">Ubah tulisan ini sesuai dengan kebutuhan</textarea></div>
</form>
</div>

Informasi
cols="30" : untuk merubah ukuran lebar text area
rows="5" : untuk merubah ukuran tinggi text area

Contoh Coding Di Dalam Text Area

<div><br /><form name="textarea"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All" /> </div><div align="center"><textarea cols="<span style="color: red;">30</span>" name="txt" rows="<span style="color: red;">5</span>" wrap="All"><span style="color: red;">Ubah tulisan ini sesuai dengan kebutuhan</span>

Contoh Kalimat Di Dalam Text Area

Ubah tulisan ini sesuai dengan kebutuhan

Walaupun banyak dari kita yang sudah paham dan mengetahui cara diatas, namun tidak sedikit juga yang menghafal coding tersebut secara keseluruhan. Semoga tips mudah membuat Text Area untuk coding di Web Blog dapat bermanfaat.

Related Posts:

Tweet