Belajar Cara Membuat Textarea di HTML

Pada artikel ini saya akan menjelaskan bagaimana cara membuat textarea di HTML, tapi sebelum itu ada baiknya kita berkenalan terlebih dahulu mengenai apa itu textarea.

Textarea adalah sebuah wadah yang digunakan sebagai inputan untuk memasukan teks dengan jumlah yang banyak dan biasanya dapat menampung lebih dari 1 baris inputan teks.

Cara kerjanya hampir sama dengan form input type text, bedanya adalah text area lebih dikhususkan untuk memasukan teks panjang, seperti komentar, keterangan, alamat atau bahkan catatan.

Tapi, dilihat dari cara kerjanya. Textarea ini lebih cocok digunakan untuk membuat sebuah form contact, dimana nantinya textarea akan diisi oleh sebuah pesan penting lalu mengirimkannya ke email.

Nah itu dia penjelasan mengenai textarea, sekarang langsung saja kita buat textareanya.

Cara Membuat Textarea di HTML

Untuk membuat Textarea, kamu bisa menggunakan tag pembuka <textarea> dan tag penutup </textarea>.

<textarea>Tulislah sebuah teks disini</textarea>

Maka hasilnya akan menjadi seperti berikut ini,

Cara Membuat Text Area Di HTML

Gampang banget bukan? pastinya ya, kamu juga bisa menambahkan atribut cols (lebar kolom) dan rows (tinggi kolom) untuk mengatur ukuran kolom textarea.

<textarea cols=”50″ rows=”10″>Tulislah sebuah teks disini</textarea>

Hasilnya akan menjadi seperti berikut ini,

Membuat textarea dengan cols dan rows

Jika dibandingkan dengan kode yang pertama, ukuran textarea akan terlihat berbeda. Meskipun begitu, kamu masih bisa mengatur ukuran textarea tanpa menggunakan cols dan rows. Caranya adalah dengan menarik ujung kolom textarea.

Sekarang kita akan mencoba membuat textarea yang inputannya dikirimkan dan diproses disuatu halaman.

<!DOCTYPE html>

<html>

<head>

<title>Textarea HTML</title>

</head>

<body>

<form action=”proses.php” method=”post”>

<p>Masukan Komentar Anda</p>

<p><textarea name=”komentar” cols=”50″ rows=”10″></textarea></p>

<input type=’submit’ name=’tombol’ value=’Kirim’ /> </form>

</body>

</html>

Berikut adalah hasilnya,

Membuat Textarea Yang Diproses

Kode diatas akan mengirimkan hasil inputan ke halaman proses.php dengan metode post.

Terdapat atribut name juga yang digunakan sebagai identitas apabila textarea digunakan di dalam form, maka atribut name berfungsi sebagai identitas textarea tersebut.

Sampai disini, kamu telah mengetahui apa itu textarea dan bagaimana cara membuat textarea di HTML. Selanjutnya kamu bisa bereksperimen sendiri dan menggunakan textarea ini sesuai dengan kebutuhan kamu.

Leave a Reply