Menyajikan Komponen Entri Baru

Assalamu'alaikum Wr.Wb
   Hey guys back again with me hehe...
Apa kabar nih? Hehehe malam ini saya akan membahas tentang komponan entri baru. Langsung aja Cekidoottt

   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">

   Langsung aja kita ke contoh - contoh nya biar paham, dan hasilnya seperti biasa akan saya perlihatkan juga.

1. Pengkodean Text Area HTML
   Ini adalah kodingan yang saya buat beserta hasilnya. Langsung saya tampilkan hasilnya ya. Nanti saya tidak perlu menjelaskan. Jika ada yang ingin ditanyakan bisa dikomentar paling bawah ya...


Dan ini hasilnya.

2. Pengkodean Text Area Menggunakan Atribut COLS (Kolom)
   Atribut COLS digunakan untuk menentukan lebar dari TEXTAREA. Contoh yang saya buat seperti di bawah ini.


Dan ini hasilnya.

3. 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 adalah hasil yang saya buat.


Dan ini hasilnya.

4. Pengkodean Text Area dengan atribut Disabled


Dan ini hasilnya.

5. Pengkodean Textfield dengan Atribut Password


Dan ini hasilnya.

6. Text Area Hidden 1


Dan ini hasilnya.


7. Text Area Hidden 2


Dan ini hasilnya.

8. Upload File


Dan ini hasilnya.

9. Radio Button


Dan ini hasilnya.

10. Checkbox dan Image Button


Dan ini hasilnya.

11. Option Value dan Datalist


Dan ini hasilnya.

   Nah sekarang saya membuat Form Login dengan menggunakan table. Saya tidak menggunakan text area. Saya juga belajar dari sekian blog di luar sana, jadi saya kombinasikan sendiri dengan kreatifitas saya. hanya saja kita adalah sama - sama belajar, jadi maaf jika design nya tidak memuaskan. Berikut adalah contoh kodingan yang saya buat.


 
Dan ini hasilnya.


   yeeeee tamat deh. Inshaallah minggu depan kita masuk CSS ya. Mudah - mudahan contoh yang saya buat bisa bermanfaat untuk kalian. Tidak lepas syukur dengan kata alhamdulillah saya bisa melaksanakan tugas yang selama ini saya kerjakan. Mudah - mudahan kalian semua bisa menjadi programmer yang kalian cita - cita kan. Saya pamit...

Wassalamu'alaikum Wr.Wb

Tidak ada komentar:

Posting Komentar