Enjang.com

Situs Informasi dan Teknologi

Menu

Cara membuat teks area dengan berbagai model

6 Juli 2011 | Blogger

Cara membuat teks area dengan berbagai model. Teks area yang dimaksud di sini adalah area text berdiri sendiri (terletak dalam kotak) yang berguna untuk meletakkan text yang sengaja kita buat untuk menghemat tempat ataupun memudahkan pengunjung untuk mengcopynya dengan mudah tanpa takut salah.

Cara membuat text area ini sengaja saya ambil dari sumber aslinya (Kucoba.com) yang ternyata saya praktekkan sukses. “Terimakasih Bang Salman atas petunjuknya”. Tak ada salahnya kan jika saya berbagi dengan anda? he heee…

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan.

Untuk lebih jelasnya mari kita praktek langsung ke TKP yuuuk…

1. Teks area Standar/Biasa.

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea>Teks anda</textarea>

2. Text Area yang Bisa Diatur Ruang dan Kolomnya.

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea cols=”20″ rows=”5″>Teks anda</textarea>

3. Teks Area Password

Tampilannya:

Kodenya:

<input type=”password” value=”Rahasia” >

4. Text Area Garis Putus

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea cols=”20″ rows=”5″ style=”border: 2px dashed ;”>Teks anda</textarea>

5. Text Area klik Auto Blok

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<textarea rows=”5″ cols=”25″ onclick=”this.focus(); this.select();”>Teks anda</textarea>

6. Text Area Tombol Blok (Select All)

Tampilannya:

Ada 6 macam teks area yang bisa kita pakai menurut kebutuhan

Kodenya:

<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″>Teks anda</textarea></p></div></form>

Note.

– Center : letak area teks center (tengah), bisa anda ganti left (posisi di sebelah kiri) atau right (posisi di sebelah kanan)

– WIDTH: 300px : lebar area teks, silahkan modifikasi sesuai selera anda.

– HEIGHT: 144px : area teks, silahkan modifikasi sesuai selera anda.

Gampang bukan? Selamat mencoba

Related For Cara membuat teks area dengan berbagai model