Dipostingan sebelumnya saya sudah jelaskan cara membuat Text Area dan sekarang saya akan jelaskan cara membuat macam macam Text Area. Untuk membuat text area ini, sangat mudah, anda hanya 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.
Saya akan terangkan 6 macam text area dan anda bisa mengunakannya sesuai kebutuhan. Silahkan pilih, yang manakah text area yang anda inginkan?
1. Text Area Standar/ Biasa.
Kode :
<textarea>Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
2. Text Area yang Bisa Diatur Ruang dan Kolomnya.
Kode :
<textarea cols="20" rows="5">Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
3. Text Area Password.
Kode :
<input type="password" value="Tulisan pasword ini nanti tidak akan kalihatan" >
Hasil tampilan dari kode diatas :
4. Text Area Garis Putus.
Kode :
<textarea cols="20" rows="5" style="border: 2px dashed ;">Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
5. Text Area klik Auto Blok.
Kode :
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
6. Text Area Dengan Tombol Blok.
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">Tulisan sobat disini</textarea></p></div></form>
Hasil tampilan dari kode diatas :
Nah gimana mudah bukan....? Ya semoga artikel ini bermanfaat bagi sobat semua.
Saya akan terangkan 6 macam text area dan anda bisa mengunakannya sesuai kebutuhan. Silahkan pilih, yang manakah text area yang anda inginkan?
1. Text Area Standar/ Biasa.
Kode :
<textarea>Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
2. Text Area yang Bisa Diatur Ruang dan Kolomnya.
Kode :
<textarea cols="20" rows="5">Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
3. Text Area Password.
Kode :
<input type="password" value="Tulisan pasword ini nanti tidak akan kalihatan" >
Hasil tampilan dari kode diatas :
4. Text Area Garis Putus.
Kode :
<textarea cols="20" rows="5" style="border: 2px dashed ;">Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
5. Text Area klik Auto Blok.
Kode :
<textarea rows="5" cols="25" onclick="this.focus(); this.select();">Tulisan sobat disini</textarea>
Hasil tampilan dari kode diatas :
6. Text Area Dengan Tombol Blok.
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">Tulisan sobat disini</textarea></p></div></form>
Hasil tampilan dari kode diatas :
Nah gimana mudah bukan....? Ya semoga artikel ini bermanfaat bagi sobat semua.
Diposting oleh
Bandiets Boy dari Fresh Tutorial
di
3:27 PM
Label: Tutorial
Jangan lupa berlangganan via RSS feed untuk artikel terbaru
Silahkan kunjungi juga saya di Free Download Full Software And Game
0 komentar pada Cara Membuat Pola Text Area
Posting Komentar