Pertemuan8
Assalamualaikum Temen-temen ketemu lagi dengan Chandra XI RPL-2 di Blog terkece terkeren terHits di Indonesia :) .Pada kesempatan kali ini saya akan memberitahu teman teman mengenai bagaimana cara menyajikan Entri Teks atau juga form/formulir di sebuah web menggunakan HTML. Langsung saja kita mulai dari yang pertama.
Membuat Text Area
Untuk membuat text area kita perlu menggunakan tag di HTML, sebelumnya mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Nah untuk membuat text area seperti gambar di atas kita dapat menggunakan tag <textarea></textarea> kita juga dapat mengatur colspan dan rowspan nya Sesuai yang di perintahkan.
Membuat Text Area dengan Cols (Kolom)
untuk membuat text area dengan kolom kita dapat melihatnya dalam codingan berikut ini :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Membuat Text Area dengan ReadOnly
Untuk membuat Text Area dengan Read Only(Hanya Bisa Dibaca), mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
nah untuk membuat seperti gambar diatas kita dapat kasih nama dengan name="" ... bisa di lihat gambar di atas.
Membuat Text Area dengan Disabled
Kita dapat membuat text area disabled atau maksudnya tulisan yang tidak dapat diubah codingannya adalah sebagai berikut :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Membuat Textfield dengan Password
Untuk membuat textfield dengan password mari kita lihat codingannya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Saat kita mengisi di area tersebut maka masukan kita otomatis disembunyikan. Dan kita juga bisa mengatur batas huruf dari masukan user yaitu dengan maxlength="" contoh nya ada gambar di atas.
Membuat Text Area Hidden 1
Mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Untuk membuat submit kita perlu menggunakan tag <input></input> seperti gambar di atas.
Membuat Text Area Hidden 2
Selanjutnya saya masih membahas seperti yang diatas tetapi bedanya saat menginput type nya, agar lebih paham mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Bisa dilihat kan perbedaan nya dengan yang diatas, tipe hidden juga diganti dengan textarea dan menggunakan atribut value="" seperti gambar di atas.
Upload File
Selanjutnya kita ke tipe input lainnya, untuk lebih mengerti mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
untuk mengupload file ke sebuah web kita perlu menggunakan atribut accept="" yang fungsinya untuk merincikan file yang akan di upload yaitu jenis file tertentu yang akan kita upload.
Radio Button
Selanjutnya kita lanjut ke tipe input lainnya, yaitu tipe radio mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Radio button ini biasanya digunakan untuk memilih satu pilihan dari beberapa pilihan seperti gambar di atas.
Check Box dan Image Button
Mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
pada tipe input yang selanjutnya ada tipe check box contoh seperti di atas.
Option Value dan Data List
Bila sudah Ini lah Hasil dari codingan Tersebut :
Perbedaan dari kedua nya yaitu jika select awal tampilan nya yaitu pilihan pertama sedangkan option tampilan awalnya yaitu kosong seperti gambar di atas.
Pendaftaran
Dari tag-tag di atas saya akan memberikan salah satu contohnya, untuk lebih lanjut mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
mungkin cukup sekian yang bisa saya share kali ini, semoga bermanfaat dan dapat meberikan ilmu yg bisa kita pelajari bersama Mohon maaf bila masih ada kekurangan nya insyallaah saya terus mengembangkan ilmu dan blog saya ini lebih baik dan bermanfaat aaminn.
Motivasi : Man Jadda Wad Jadda = Barang siapa yang Bersunguh sungguh pasti akan mendapat hasil yang baik.
sampai ketemu di postingan selanjutnya Teman-teman
Wassalamualaikum
Salam Hangat 4
Membuat Text Area
Untuk membuat text area kita perlu menggunakan tag di HTML, sebelumnya mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Nah untuk membuat text area seperti gambar di atas kita dapat menggunakan tag <textarea></textarea> kita juga dapat mengatur colspan dan rowspan nya Sesuai yang di perintahkan.
Membuat Text Area dengan Cols (Kolom)
untuk membuat text area dengan kolom kita dapat melihatnya dalam codingan berikut ini :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Membuat Text Area dengan ReadOnly
Untuk membuat Text Area dengan Read Only(Hanya Bisa Dibaca), mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
nah untuk membuat seperti gambar diatas kita dapat kasih nama dengan name="" ... bisa di lihat gambar di atas.
Membuat Text Area dengan Disabled
Kita dapat membuat text area disabled atau maksudnya tulisan yang tidak dapat diubah codingannya adalah sebagai berikut :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Membuat Textfield dengan Password
Untuk membuat textfield dengan password mari kita lihat codingannya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Saat kita mengisi di area tersebut maka masukan kita otomatis disembunyikan. Dan kita juga bisa mengatur batas huruf dari masukan user yaitu dengan maxlength="" contoh nya ada gambar di atas.
Membuat Text Area Hidden 1
Mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Untuk membuat submit kita perlu menggunakan tag <input></input> seperti gambar di atas.
Membuat Text Area Hidden 2
Selanjutnya saya masih membahas seperti yang diatas tetapi bedanya saat menginput type nya, agar lebih paham mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Bisa dilihat kan perbedaan nya dengan yang diatas, tipe hidden juga diganti dengan textarea dan menggunakan atribut value="" seperti gambar di atas.
Upload File
Selanjutnya kita ke tipe input lainnya, untuk lebih mengerti mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
untuk mengupload file ke sebuah web kita perlu menggunakan atribut accept="" yang fungsinya untuk merincikan file yang akan di upload yaitu jenis file tertentu yang akan kita upload.
Radio Button
Selanjutnya kita lanjut ke tipe input lainnya, yaitu tipe radio mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
Radio button ini biasanya digunakan untuk memilih satu pilihan dari beberapa pilihan seperti gambar di atas.
Check Box dan Image Button
Mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
pada tipe input yang selanjutnya ada tipe check box contoh seperti di atas.
Option Value dan Data List
Bila sudah Ini lah Hasil dari codingan Tersebut :
Perbedaan dari kedua nya yaitu jika select awal tampilan nya yaitu pilihan pertama sedangkan option tampilan awalnya yaitu kosong seperti gambar di atas.
Pendaftaran
Dari tag-tag di atas saya akan memberikan salah satu contohnya, untuk lebih lanjut mari kita lihat codingan nya terlebih dahulu :
Bila sudah Ini lah Hasil dari codingan Tersebut :
mungkin cukup sekian yang bisa saya share kali ini, semoga bermanfaat dan dapat meberikan ilmu yg bisa kita pelajari bersama Mohon maaf bila masih ada kekurangan nya insyallaah saya terus mengembangkan ilmu dan blog saya ini lebih baik dan bermanfaat aaminn.
Motivasi : Man Jadda Wad Jadda = Barang siapa yang Bersunguh sungguh pasti akan mendapat hasil yang baik.
sampai ketemu di postingan selanjutnya Teman-teman
Wassalamualaikum
Salam Hangat 4
Komentar
Posting Komentar