Assalamualaikum para pembaca setiaku
Untuk postingan kali ini aga berbeda karna saya mulai berinovasi dalam bentuk tampilan untuk postingan bloggernya. Dan dipostingan kali ini saya akan membahas tentan text area.
silahkan di simak!
1. Text area
Untuk membuat text area kalian bisa menggunakan tag <textarea> dan silahkan di lihat contoh kodingan dan hasilnya dengan mengklik kalimat berwarna biru di bawah ini.
Sangat sederhana bukan, saya yakin kalian masih menganggapnya gampang, tpi jangan berhenti disitu silahkan lanjutkan membaca untuk meneruskan ke jenjang selanjutnya.
2. Text area cols
Maksud dari text area cols itu, si colsnya ini tuh adalah atribut dari text area itu sendiri, fungsinya untuk kelebaran text areanya. agar lebih jelas bisa dilihat dgn mengklik kalimat berwarna biru di bawah.
Masih dapat dgn mudah di pahami kan.
3. Text area read only
Maksudnya adalah isi dari text areanya itu ga bisa di ubah user, tpi bisa kalo di salin doang mah.
biar lebih jelas silahkan bisa di coba dengan mengklik kalimat berwarna biru di bawah ini.
Nah, ga bisa kalian ubah kan, itulah fungsi atribut 'readonly'
4. Text area read disabled
Artinya berarti si tulisan yang ada di dalem text areanya cuma bisa kita baca aja, ga bisa disalin apalagi di ubah. kalo ga percaya liat aja sendiri.
Benerkan, ga bisa kalian apa apain selain kalian baca. dan itu lah fungsinya.
5. Text area password
Tag area ini lah yang biasa digunakan untuk membuat kolom untuk mengisi password, dengan tagnya yaitu <input type="password"> seperti itu. Agar lebih jelas bisa di lihat di link di bawah.
Sangat mudah bukan
6. Text area hidden
Entahlah apa fungsinya ini, tapi ini akan sangat berguna buat kalian yang ga mau kelihatan privasi saat mengisi data atau apapun yang tdk ingin kalian perlihatkan kpd orang lain. langsung aja liat contoh nya di bawah ini
Simple tpi sangat bermanfaat.
7. Upload file
Fungsinya untuk mempermudah menguload file, karena hanya dengan satu kali klik kalian langsung memilih file ang akan di upload. lihat kodingan dan hasilnya di link di bawah.
Sangat membantu dan mempermudah iya kan.
8. Button
Di tag button ini ada beberapa atribut, yang pertama ada radio button dan yang kedua ada checkbox button. Untuk melihat apa perbedaannya kalian bisa lihat di link di bawah ini, silahkan cari tau sendiri apa perbedaanya.
Perbedaannya jika yang radioa kita plih dengan menghitamkan yang buletnya, klo yang checkbox kalian mencentang tanda kotaknya
9. Option value dan data list
Untuk memilih option dan list yang akan di buat dengan tag <option> dan <datalist> agar lebih lihat contohnya di link di bawah ini.
entah lah yang jelas itu akan berguna untuk tugas akhir.
10. Tugas akhir pertemuan 8
Cukup sulit dan memakan waktu, karna emg sedikit lebih panjang dari yang lain, tapi saya bangga bisa sampai sejauh ini. silahkan dilihat untuk refrensi yang lebih luas tentang penggunaan text area.
Tidak ada komentar:
Posting Komentar