Friday , July 12 2019
Home / HTML 5 / Cara Membuat TextArea Di HTML 5

Cara Membuat TextArea Di HTML 5

Cara Membuat TextArea Di HTML 5

lebakcyber.net – Pada kesempatan kali ini kita akan mempelajari tutorial tentang bagaimana cara membuat TextArea di HTML 5. Tag HTML <textarea> biasanya digunakan untuk menginput suatu teks secara multi line. TextArea sendiri bisa berisi angka ataupun karakter dengan jumlah yang tidak terbatas.

Ukuran dari TextArea di HTML 5 ini didefinisikan dengan atribut <cols> dan <rows>, atau kamu juga bisa mendefinisikan TextArea dengan menggunakan CSS untuk mengatur properties dari tinggi dan panjang dari TextArea.

Contoh Penggunaan TextArea

<textarea rows="7" cols="50">
Ini adalah contoh teks yang ada didalam textarea
</textarea>;

Nanti hasilnya akan seperti dibawah ini :

Atribut TextArea di HTML 5

Atribut Deskripsi
autofocus TextArea akan secara otomatis terfokus pada saat halaman di tampilkan
maxlength Mendeskripsikan jumlah maksimal dari karakter yang bisa dimasukan kedalam textarea
required Mendeskripsikan bahwa TextArea wajib diisi

Contoh Atribut form Pada TextArea

Kita bisa menggunakan TextArea lebih dari satu pada halaman yang sama, contohnya seperti perintah HTML dibawah ini :


<form action="updates.jsp" id="usrform">  
Nama: <input type="text" name="username">  
<input type="submit">
</form>


<textarea rows="9" cols="70" name="comment" form="usrform">  
Masukan teks disini...</textarea>

Nanti hasilnya akan seperti dibawah ini :

Nama:

Oke itulah contoh sederhana dari tutorial bagaimana cara membuat TextArea di HTML 5. Semoga tutorial sederhana ini bisa membantu kalian yang baru belajar mengenai HTML 5. Sampai jumpa di tutorial HTML 5 lainnya.

About Firdan Ardiansyah

Admin di lebakcyber.net Untuk berhubungan dengan saya, silahkan kirim email ke : firdan@lebakcyber.net

Leave a Reply

Your email address will not be published. Required fields are marked *