Diberdayakan oleh Blogger.

Contoh Textarea


<p align="center"><textarea name="mytextarea" rows="5" cols="40" readonly=""> ISI DENGAN KONTEN YANG DIINGINKAN </textarea></p>

<textarea id="myTextarea" readonly>TULISKAN DISINI</textarea>

Model HIGHLIGHT ALL

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Highlight All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 200px; HEIGHT: 100px" name="txt" rows="100" wrap="VIRTUAL" cols="55" readonly="">Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks</textarea></p></div></form>
<textarea rows="4" cols="50" readonly>TULISKAN DISINI
</textarea>

<style>
html, body {height: 90%;}

textarea {
border: 2px solid;
margin: 30px;
width: 500px;
height: 50px;
background: #FF3399;
font-family:Helvetica;
font-size: 17pt;
resize: none;
overflow: hidden;
}
</style>
<script type="text/javascript">
function resizeTextarea (id) {
var a = document.getElementById(id);
a.style.height = 'auto';
a.style.height = a.scrollHeight+'px';
}

function init() {
var a = document.getElementsByTagName('textarea');
for(var i=0,inb=a.length;i<inb;i++) {
if(a[i].getAttribute('data-resizable')=='true')
resizeTextarea(a[i].id);
}
}

addEventListener('DOMContentLoaded', init);
</script>
<textarea id="test" name="test" onkeyup="resizeTextarea('test')" data-resizable="true" placeholder="placeholder"></textarea>

AREA TERBLOK OTOMATIS
<div>
<form name="AndiBara">
<div align="center" style="margin-bottom: 0pt; margin-top: 0pt;">
<textarea ;="" cols="55" name="txt" onmouseover="this.form.txt.select()" rows="100" style="height: 50px; width: 300px;">coba arahkan mouse ke teks ini !!</textarea></div>
</form>
</div>

<div>
<form name="Andi Bara">
<p align="center" style="margin-top: 0; margin-bottom: 0"><textarea style="width: 600; height: 50" name="txt" rows="5" cols="45" onmouseover="this.form.txt.select()" readonly ;>TEKS ANDA DISINI</textarea></p></form>
</div>
Terima kasih telah membaca artikel tentang Contoh Textarea di blog Blogger Tips Seo Mudah jika anda ingin menyebar luaskan artikel ini di mohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silakan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.

Artikel terbaru :

Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.