Sabtu, 18 Agustus 2018

MENYAJIKAN KOMPONEN ENTRI TEKS

Assalamualaikum Wr.Wb


Pada HTML, terdapat komponen entri teks yang fungsinya berbeda-beda salah satunya yang
belum dipelajari adalah textArea. TextArea merupakan komponen entri teks yang digunakan
untuk memasukan teks yang tersusun lebih dari 1 baris. Untuk menggunakannya textarea
disisipkan pada tag form layaknya komponen form lain yang biasa digunakan.
Format umum pengkodean TextArea :
<textarea atribute=”value">
Terdapat beberapa atribut dari text area, diantaranya row,col dan lain sebagainya. Pada
HTML 5 menyediakan banyak 6 atribut baru textarea.


Pengkodean Text Area A


Berikut hasil screenshot dari pengkodean textArea A

Pengkodean Text Area dengan atribut Cols (kolom)

Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA. Contoh
berikut menampilkan 3 komponen textarea dengan lebar textarea bervariasi


Hasil screenshoot dari pengkodean textarea dengan cols


Pengkodean Text Area dengan atribut READONLY

Atribut ini digunakan agar tulisan yang terdapat didalam TEXT AREA hanya dapat dibaca dan
disalin tapi tidak dapat diubah.



Berikut hasil dari pengkodean text area dengan atribut readonly


Pengkodean Text Area dengan atribut Disabled

Berikut hasil dari pengkodean text area dengan atribut disable

Pengkodean Textfield dengan atribut password

Berikut hasil dari pengkodean textfield dengan atribut password

Text area Hidden


hasil nya

Upload file


hasil nya 



radio buttton

hasil nya

Option value dan Datalist


hasil nya


dan ini halaman web yang saya buat mengenai materi ini



sekian dari saya

Wassalamualaikum Wr.Wb

Share:

0 komentar:

Posting Komentar

Popular Posts

Recent Posts

Unordered List

Text Widget

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pages

Blog Archive

Cari Blog Ini

Diberdayakan oleh Blogger.

Copyright © I Time | Powered by Blogger

Design by ThemePacific | Blogger Theme by NewBloggerThemes.com