Membuat Text Area

Saturday, June 19, 2010
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:



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:



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.

Comments :

1 komentar ke "Membuat Text Area"

daily diet vegetarian on June 20, 2010 at 8:33 PM said...

ok nice tips my friend


Post a Comment

Silakan berkomentar sesuka Anda. Namun jangan spam, berbau SARA, kekerasan, porno atau intimidasi terhadap orang lain. Komentar yang melewati batas akan di hapus. Terima kasih.

Get Update

Masukkan alamat e-mail Anda pada kotak di bawah ini untuk mendapatkan update terbaru dan berlangganan catatan dari blog "The Notes Web" via e-mail :


Privacy guaranteed, we will never share your e-mail.

Komentar terbaru

Catatan Terbaru

Komentar Terbaru