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 :

Ini adalah contoh teks yang ada didalam textarea

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:

Masukan teks disini…

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.