Artikel kali ini membahas tentang Membuat Text Area dengan Berbagai Variasi. Biasanya dipakai untuk menyisipkan kata-kata atau kode yang panjang sehingga menghemat space postingan. Untuk memakai text area ini anda harus menggunakan Mode HTML, bukan Compose. Berikut adalah cara membuat text area.
A. Cara membuat
Text area sederhana :
Copy kode dibawah ini.
<textarea rows="5" cols="35">Isi dengan kalimat atau kode anda</textarea>
Nih, contoh yang sudah jadi :
Catatan :
- Rows adalah jumlah baris atau tinggi text area, angka berwarna
merah bisa anda ganti sesuka anda.
- Cols adalah lebar text area, angka yang berwarna
biru bisa anda ganti sesuka anda.
- Huruf berwarna
hijau, anda bisa ganti dengan kalimat atau kode anda sendiri.
B. Cara membuat
Text area dengan tombol untuk meng-copy semua kalimat/kode didalamnya :
Copy kode dibawah ini.
<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">
<textarea cols="20" name="txt" rows="4" style="height: 80px; width: 180px;" wrap="VIRTUAL">Isi dengan kalimat atau kode anda</textarea></div>
</form>
</div>
Nih, contoh yang sudah jadi :
Nih, contoh yang sudah jadi :
Isi dengan kalimat atau kode anda
:
- Angka yang berwarna biru adalah value atau ukuran border, tinggi, margin, padding, dan luas area, bisa anda ganti sesuka anda.
- Huruf yang berwarna merah adalah kode warna, bisa anda ganti sesuka anda. Untuk kode warna bisa anda lihat disini
- Huruf yang berwarna oranye bisa anda ganti sesuka anda(left,right,center,justify)
- Huruf yang berwarna hijau bisa anda ganti dengan kalimat atau kode anda sendiri.
Sekian artikel tentang
Membuat Text Area dengan Berbagai Variasi, semoga bermanfaat bagi kita semua.
Artikel keren lainnya:
