Tutorial Cara membuat Text Area dengan HTML terbaru

CyberBlog.id - Assalamu'alaikum wr wb...
Shobat Cyber, kali ini ane mau share sedikit tutorial membuat TextArea lengkap dan simple.
Sebelum kita ke topik utama, ane mau sedikit jelaskan fungsi dari TextArea. TextArea adalah fitur HTML yang berguna untuk berbagi tulisan atau kode-kode HTML, JavaScript, PHP dan lain-lain, fungsinya adalah memudahkan bagi yang ingin mengcopy apa yang kita bagikan tersebut dengan mudah, sehingga mereka hanya perlu mencopy apa yang ada didalam TextArea tersebut.
TextArea juga memiliki banyak fitur yang bisa kita sematkan dengan beberapa kode html sehingga sesuai dengan keperluan kita dalam membuat kolom TextArea tersebut.

Oke kita akan langsung menuju tutorialnya :

TextArea Biasa (default)


TextArea Ukuran Lebar dan Tinggi ditentukan 


Keterangan :
rows="4"  tinggi textarea 
cols="25"  lebar textarea tinggal sesuaikan dengan keinginan shobat sendiri...

TextArea dengan background warna


Keterangan :
rows="4"  tinggi textarea 
cols="25" lebar textarea 
style=""    tempat meletakkan css
background:red; untuk membuat background textarea berwarna tinggal sesuaikan dengan keinginan shobat sendiri... 


TextArea dengan Border


Keterangan :
rows="4" tinggi textarea 
cols="25" lebar textarea  
style="" tempat meletakkan css 
border:dotted black 2px; adalah border atau bingkai textarea tinggal sesuaikan dengan keinginan shobat sendiri 
untuk dotted bisa di ganti Outset, Inset, solid, dll 
untuk black bisa diganti red, yellow dll... 
untuk 2px adalah tebal border bisa disesuaikan dengan selera masing masing 


TextArea dengan background warna dan border


Keterangan :
rows="4" tinggi textarea 
cols="25" lebar textarea 
style="" tempat meletakkan css 
background:red; untuk membuat background textarea berwarna, red bisa diganti yellow, green dll.. 
border:dotted black 2px; adalah border atau bingkai textarea tinggal sesuaikan dengan keinginan shobat sendiri 
untuk dotted bisa di ganti Outset, Inset, solid, dll 
untuk black bisa diganti red, yellow dll... 
untuk 2px adalah tebal border bisa disesuaikan dengan selera masing masing 

Oke deh Cyber Online, Sementara sekian dulu tutorial TextAreanya, sebenarnya masih banyak bentuk-bentuk TextArea yang belum ane sebutin dan untuk TextArea yang lain ditunggu saja Tutorialnya di Cyber Blog.. 

Share on :

2 Reply to “Tutorial Cara membuat Text Area dengan HTML terbaru”

  • bryan says:

    assalamu'alaikum

    gan maaf saya mnta kode kotak yg sperti di atas yg blank bukan bacround yg warna merah


    saya nyari gogle susah di dpt

    terimakash

  • Admin says:

    @bryan
    Oke, silahkan gan, senang bisa membantu...

New comments are only allowed for registered users.