Saturday, July 21, 2012

Cara Membuat Text Area

By Sriudin sahrudin   Posted at  12:24 PM   Blogger No comments







Apa itu teks area? teks area yaitu area/ daerah untuk menampilkan teks yang baru. Dengan kata lain dengan teks area ini akan ada daerah baru atau ruang baru dalam suatu ruangan web/ blog yang memiliki beberapa tujuan, antara lain: memudahkan bagi pengunjung untuk mengkopi teks atau kode yang anda sisipkan dalam postingan (agar gak salah ngopi), dan yang satunya lagi yaitu yang gak kalah penting adalah berguna untuk menyingkat kode HTML/ script atau juga teks yang anda tampilkan agar tidak memakan banyak tempat(khusus teks area tipe scrool).

Untuk membuat text area ini, anda memerlukan beberapa kode HTML yang kemudian tulisan/ kode yang ingin anda tampilkan tinggal disisipkan ke dalam kode text area tersebut. Selain itu, text area memiliki banyak macam, juga memiliki karakteristik tersendiri, sehingga anda dapat memilihnya sesuai dengan selera anda.

Silahkan pilih, yang manakah text area yang anda inginkan?

1. Text Area Standar/ Biasa.

Tampilan:



Kode:


<textarea>Silahkan Tulis apa saja di sini</textarea>



2. Text Area yang Bisa Diatur Ruang dan Kolomnya.

Tampilan:



Kode:

<textarea cols="20" rows="5">Silahkan Tulis apa saja di sini</textarea>



3. Text Area Password.

Tampilan:



Kode:

<input type="password" value="Tulisan ini nanti gak kelihatan" >



4. Text Area Garis Putus.

Tampilan:



Kode:

<textarea cols="20" rows="5" style="border: 2px dashed ;">Silahkan Tulis apa saja di sini</textarea>



5. Text Area klik Auto Blok.

Tampilan:



Kode:

<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Silahkan Tulis apa saja di sini</textarea>



6. Text Area Tombol Blok.

tampilan:




Kode:

<div><form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="Select All"> </div><div align="center"></div><p align="center"><textarea style="WIDTH: 300px; HEIGHT: 144px" name="txt" rows="100" wrap="VIRTUAL" cols="55">Silahkan Tulis apa saja di sini</textarea></p></div></form>

About the Author

Nulla sagittis convallis arcu. Sed sed nunc. Curabitur consequat. Quisque metus enim, venenatis fermentum, mollis in, porta et, nibh. Duis vulputate elit in elit. Mauris dictum libero id justo.
View all posts by: BT9

0 komentar:

Back to top ↑
Connect with Us

What they says

© 2013 BLOG SI PALUI. WP Mythemeshop Converted by Bloggertheme9
Blogger templates. Proudly Powered by Blogger.