Bertemu lagi dengan saya di postingan baru, hihihi.
Kali ini saya membawa materi baru, yaitu tentang form.
Saya akan menjelaskan tentang salah satu entri teks pada HTML, yaitu 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.
Contoh dasar coding textArea adalah sebagai berikut.
Dan hasilnya adalah sebagai berikut.
Selanjutnya ada pengkodean textArea dengan atribut Cols (kolom) untuk memperbesar ukuran textArea. Berikut codingnya.
Dan berikut ini adalah hasilnya.
Berikut adalah hasilnya.
Berikutnya ada textArea dengan atribut ReadDisabled, text hanya bisa baca, tidak bisa diubah dan tidak bisa disalin. Berikut codingnya.
Lalu, beginilah hasilnya.
Selanjutnya ada coding textField dengan atribut Password. Kalian tau bukan bentuk password yang titik-titik hitam tebal itu? Nah, kita akan membuat itu, begini codingnya.
Coba buka di Browser dan hasilnya seperti ini, lalu cobalah ketikkan sesuatu.\
textAreaHidden 1
textAreaHidden 2
Berikut hasilnya.
hidden 1
hidden 2
Lalu ini ada coding untuk menampilkan bagaimana untuk menginput/memasukkan foto/file.
Dan begini hasilnya.
Selanjutnya ada untuk menampilkan radio button, berikut codingnya.
Begini hasilnya.
Selanjutnya ada untuk menampilkan check button dan image button. Berikut codingnya.
Berikut hasilnya.
Berikut hasilnya.
Selanjutnya ada tugas yang diberikan yaitu untuk membuat form pendaftaran sendiri. Berikut coding yang saya buat.
Berikut hasilnya.
Sekian untuk materi form kali ini. Semoga dapat sedikit membantu, terimakasih sudah berkunjung.
Wassalamu'alaikum warrahmatullahi wabarakatuh.
Tidak ada komentar:
Posting Komentar