Textarea adalah elemen HTML yang biasa digunakan untuk menampilkan baris-baris program. Berikut adalah contoh textarea
Berikut adalah hasil dari textarea di atas
Jika diperhatikan, textarea di atas adalah jenis textarea yang bisa diedit. Untuk membuat textarea tidak dapat diedit, gunakan atribut readonly seperti pada contoh berikut
Baris program akan menghasilkan textarea yang tidak dapat diedit seperti berikut ini
Lihat juga penggunaan fungsi animation-timing ini dalam membuat animasi fade-in dan juga animasi pindah tempat
INFO. Blog ini telah dihentikan sejak Desember 2018. Untuk info tutorial SEO terupdate, silahkan masuk ke halaman Belajar SEO di Kepointernet. com
Bagaimana Cara Membuat Area Teks dengan Sorotan? . Selain sebagai wadah teks biasa, area teks juga dapat dibuat dengan fungsi sorot untuk memudahkan pengunjung menyalin konten area teks
Mari kita pelajari cara membuat kode HTML untuk area teks. Anda dapat memasukkan kode ini di situs web atau blog Anda
Buat Area Teks Normal
ISI DENGAN KONTEN YANG DIINGINKAN
_hasilnya akan seperti di bawah ini
Ada dua parameter yang perlu diperhatikan, yang pertama adalah cols yang berarti jumlah karakter yang ditampilkan per baris. Parameter kedua adalah rows yang berarti jumlah baris yang akan ditampilkan oleh text area, jika jumlah baris yang diketik lebih panjang dari yang disediakan maka text area akan menampilkan scrolling
Buat Area Teks dengan Tombol Sorot
Text area juga bisa dibuat dengan menambahkan fungsi highlight, dimana fungsi ini akan menyorot semua teks yang ada di dalam text area. Ini akan membantu pengunjung blog jika ingin menyalin konten dari area teks yang terlalu panjang. Langsung saja kita lihat contoh kode html berikut ini
Masukkan text yang diinginkan di sini. Jika terlalu panjang akan muncul scroll untuk membantu anda membaca keseluruhan teks
Sebagai contoh
Kode di atas memiliki dua bagian utama yaitu bagian yang membuat fungsi highlight dan bagian yang membuat fungsi text area. Dari kesemuanya itu ada beberapa kode yang bisa diubah yaitu
Cara Membuat Text Area di HTML dengan mudah - Pengisian Form sudah pasti bukan hal yang asing lagi, baik secara manual [hard copy form] maupun online. Khususnya ketika kita mengisi formulir online pasti kita akan menemukan beberapa jenis formulir di setiap pengisian nama, tanggal lahir, dll. Namun, kami tidak pernah terpikir untuk mengetahui apa nama dan fungsi dari masing-masing subform tersebut. Seperti pada postingan sebelumnya yang telah membahas tentang textbox, radio button, combo box, list box. Dan sekarang kita akan membahas cara membuat Text Area di HTMLYang menjadi highlight disini adalah “Text Area”, mungkin cukup mirip dengan textbox dimana fungsinya untuk menginputkan teks namun terdapat perbedaan pada jumlah barisnya. Text Area memiliki lebih dari satu baris sedangkan textbox hanya memiliki satu baris. Sifatnya sangat fleksibel karena kita bisa drag 'n drop text box sesuka hati walaupun kita sudah mengatur lebar dan tinggi textarea
Dimana kita bisa menemukan textarea ini? Pada saat kita melakukan komentar di media sosial, tanpa sadar itu menggunakan textarea karena kita bisa melakukan garis baru pada kotak tersebut. Adapun tag yang digunakan pada element Text Area ini adalah dan ditutup dengna serta memiliki beberapa attribut, diantaranya :
name, untuk memberi identitas pada textarea dengan memberi nama
cols, untuk memberikan nilai lebar kolom textarea
baris, untuk memberikan nilai lebar baris dari textarea
Tangkapan layar
Peralatan
- Editor Web [Notepad++, DW, dll.]
- Peramban Web [Mozilla Firefox, Chrome, dll.]
Ketik sintaks/kode di bawah ini ke dalam editor web
Komentar :
..........
Simpan dengan ekstensi *. html atau dengan nama textarea. htmlBuka file dan Selesai
Penting
- Di atas ditambah dengan elemen tabel agar terlihat rapi
- Element textarea dimulai dari tag sampai
- Atribut name, cols, dan row pada tag textarea tidak harus memiliki nilai yang sama seperti diatas, anda bisa mengubahnya sesuai kebutuhan