Yang menjadi sorotan disini ialah "Text Area", mungkin akan agak sama dengan textbox dimana fungsinya untuk melakukan input text namun ada yang berbeda yaitu pada jumlah baris nya. Text Area mempunyai lebih dari satu baris sedangkan textbox hanya satu baris. Sifatnya yang begitu fleksibel karena kita bisa melakukan drag 'n drop kotak text tersebut sesuka hati walaupun kita sudah melakukan setting lebar dan tinggi dari textarea tersebut.
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 <textarea> dan ditutup dengna </textarea> serta memiliki beberapa attribut, diantaranya :
name, untuk memberikan identitas pada textarea tersebut dengan melakukan pemberian nama.
cols, untuk memberikan nilai luas dari kolom textarea tersebut
rows, untuk memberikan nilai luas baris dari textarea tersebut
Screenshot
Tools
- Web Editor (Notepad++, DW, dll)
- Web Browser (Mozilla Firefox, Chrome, dll)
Ketikan sintax/kode dibawah ini ke dalam web editor
<table border=0>
<tr>
<td valign="top">Komentar : </td><td><textarea name="txtkomen" cols=15% rows=5%>
..........
</textarea></td>
</tr>
</table>
Simpan dengan ekstensi *.html atau dengan nama textarea.htmlBuka file nya dan Selesai
Penting !!!
- Diatas ditambah dengan element table agar terlihat rapi
- Element textarea dimulai dari tag <textarea> sampai </textarea>
- Pada attribut name, cols, dan rows di tag textarea itu tidak harus nilainya sama seperti diatas, bisa anda ubah sesuai yang dibutuhkan.
No comments:
Post a Comment