Belajar Html Part 16 Membuat Textarea Di Html
Selamat datang di artikel belajar HTML dasar untuk pemula bagian 16, yaitu cara membuat textarea di HTML. Pada bagian ini kamu akan mengenal apa itu textarea dan bagaimana cara membuat textarea di HTML.
Pengertian Textarea
Textarea adalah wadah yang digunakan sebagai inputan untuk memasukan teks dengan jumlah yang banyak dan dapat menampung lebih dari 1 baris inputan teks.
Cara kerjanya hampir sama dengan form input type text, bedanya adalah textarea lebih dikhususkan untuk memasukan teks panjang, seperti komentar, keterangan, alamat atau bahkan catatan.
Cara Membuat Textarea Di HTML
Untuk membuat Textarea, kamu bisa menggunakan tag pembuka <textarea> dan tag penutup </textarea>.
Contoh:
<textarea>Tulislah sebuah teks disini</textarea>
Kamu juga bisa menambahkan atribut cols (lebar kolom) dan rows (tinggi kolom) untuk mengatur ukuran kolom textarea.
Contoh:
<textarea cols="50" rows="10">Tulislah sebuah teks disini</textarea>
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.
Contoh:
<!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>
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. Kamu bisa bereksperiment menggabungkan textarea dengan form dan membuat pemrosesan hasil input yang dilakukan oleh textarea.
The post Belajar HTML Part 16: Membuat Textarea Di HTML appeared first on Blog Wendy.
Artikel ini hanyalah simpanan cache dari url asal penulis yang berkebarangkalian sudah terlalu lama atau sudah dibuang :
https://www.wendyandriyan.info/belajar-html-part-16-membuat-textarea-di-html/
PING BABAB : Raksasa Aggregator Malaysia
