Membuat Text Area

Meskipun namanya text area atau berarti daerah text, tools ini dapat juga digunakan untuk menampilkan gambar. Fungsi lain dari text-area ini adalah untuk mengurangi luas maupun panjang space yang dibutuhkan untuk menampilkannya, karena text area ini memiliki fungsi scroll.
Kode dasar untuk membuat text area adalah <text-area> sebagai kode pembuka, sedangkan kode penutupnya adalah </text-area>.

Contoh pengaplikasiannya adalah sebagai berikut :

<textarea> Teks ini adalah teks yang akan di tampilkan pada halaman web melalui teks area</textarea>

Tampilannya adalah sebagai berikut:

Teks ini adalah teks yang akan di tampilkan pada halaman web melalui teks area

Untuk mengatur tinggi dan lebarnya, maka pada kode pembukanya dapat ditambahkan kode style="width:...px; height: ...px;"
Titik-titik pada kode tersebut diganti dengan angka sesuai dengan yang diinginkan. Width untuk mengatur lebarnya dan height untuk tingginya. Sedangkan rows untuk mengatur tingginya dan cols untuk mengatur lebar text area tersebut.
Berikut contohnya:

<textarea style="width:250px; height:30px;" > Teks ini adalah teks yang akan di tampilkan pada halaman web melalui teks area </textarea>

Tampilannya adalah sebagai berikut:

Teks ini adalah teks yang akan di tampilkan pada halaman web melalui teks area

Silakan klik text area tersebut, kemudian scroll, maka teks lainnya akan muncul.

Sesuai dengan yang telah dijelaskan di atas, maka berarti text-area tersebut lebarnya adalah sebesar 250 pixels yang diatur dengan kode width:250px;,
sedangkan tingginya adalah 30 pixels, yang di atur dengan kode height:30px;

Sekali lagi, angka 250 dan 30 dapat diganti sesuai dengan yang diinginkan.
Demikian tadi sedikit penjelasan mengenai cara membuat text-area.
Jika ada yang kurang jelas, silakan disampaikan.
Terima kasih dan selamat mencoba.