Cara Tambah Formulir karo KompoZer

01 saka 06

Nambah Wujud Kanthi KompoZer

Ana akeh kali nalika sampeyan nggawe kaca web ing ngendi sampeyan kudu ngolah input sing dikirimake dening pangguna kayata kaca mlebu, nggawe akun anyar, utawa ngirim pitakonan utawa komentar. Input panganggo dikoleksi lan dikirim menyang server web nggunakake formulir HTML. Formulir gampang ditambah karo alat-alat sing dibangun ing KompoZer. Kabeh jinis kolom wangun sing ndhukung HTML 4.0 bisa ditambahake lan diowahi karo KompoZer, nanging kanggo tutorial iki kita bakal bisa nganggo teks, area teks, ngirim lan ngreset tombol.

02 saka 06

Nggawe Formulir Anyar Kanthi KompoZer

KompoZer nduweni alat gawe sugih sing bisa digunakake kanggo nambah formulir ing kaca web. Sampeyan ngakses piranti formulir kanthi ngeklik tombol Formulir utawa menu nyuntik mudhun ing toolbar. Elinga yen sampeyan ora nulis skrip penanganan formulir sampeyan, sampeyan bakal entuk informasi kanggo langkah iki saka dokumentasi utawa saka programmer sing nulis naskah. Sampeyan uga bisa nggunakake formulir mailto nanging ora bisa digunakake .

1. Posisi kursor ing lokasi sing pengin sampeyan katon ing kaca.
2. Klik tombol Formulir ing toolbar. Kothak dialog Form Properties mbukak.
3. Nambah jeneng kanggo formulir kasebut. Jeneng digunakake ing kode HTML kanthi otomatis kanggo ngenali wangun lan dibutuhake. Sampeyan uga kudu nyimpen kaca sadurunge sampeyan bisa nambah formulir. Yen sampeyan nggarap kaca sing durung disimpen, KompoZer bakal njaluk sampeyan disimpen.
4. Nambah URL kanggo naskah sing bakal ngolah data wangun ing kolom URL Tindakan. Penangan Formulir biasane ditulis ing PHP utawa basa server sing padha. Tanpa informasi iki, kaca web sampeyan ora bisa nindakake apa-apa karo data sing dijaluk dening pengguna. KompoZer bakal njaluk sampeyan ngetik URL kanggo pandhuan mbentuk yen sampeyan ora mlebu.
5. Pilih Metode sing digunakake kanggo ngirim data formulir menyang server. Pilihan loro kasebut yaiku GET lan POST. Sampeyan kudu ngerti cara sing dibutuhake script.
6. Klik OK lan wangun ditambahake menyang kaca.

03 saka 06

Nambah Bidang Teks Kanggo Formulir Kanthi KompoZer

Sawise sampeyan nambahake formulir menyang kaca kanthi KompoZer, formulir kasebut bakal diwenehi tandha ing kaca kasebut kanthi garis biru pucuk biru. Sampeyan nambahake wangun formulir ing wilayah iki. Sampeyan uga bisa ngetik teks utawa nambah gambar, kaya sampeyan bakal ing sisih liyane kaca. Teks migunani kanggo nambah pitunjuk utawa label kanggo mbentuk kolom kanggo nuntun pangguna.

1. Pilih lokasi sing arep ditampilake ing kolom teks. Yen sampeyan pengin nambah label, sampeyan pengin ngetik teks ing dhisik.
2. Klik panah mudhun ing jejere tombol Formulir ing toolbar lan pilih Formulir Field saka menu gulung mudhun.
3. Jendhela Formulir Lapangan Properties bakal mbukak. Kanggo nambah kolom teks, pilih Tèks saka menu tarik mudhun label Field Type.
4. Menehi jeneng menyang kolom teks. Jeneng kasebut digunakake kanggo ngenali lapangan ing kode HTML lan skrip penanganan formulir mbutuhake jeneng kanggo ngolah data. Sawetara atribut opsional sing liya bisa dimodifikasi ing dialog iki kanthi toggling tombol More Properties / Fewer Properties utawa kanthi menekan tombol Advanced Edit, nanging saiki kita bakal ngetik jeneng lapangan.
5. Klik OK lan kolom teks katon ing kaca.

04 saka 06

Nambah Wilayah Tèks Kanggo Formulir Kanthi KompoZer

Kadhangkala, akeh teks kudu dilebokake ing formulir, kayata pesen utawa kolom pitakonan / komentar. Ing kasus iki, kolom teks ora cocok. Sampeyan bisa nambah kolom wangun teks kanthi nggunakake piranti formulir.

1. Posisi kursor ing njelasna wangun ing ngendi sampeyan bakal dadi area teks. Yen sampeyan pengin ngetik label, asring apik kanggo ngetik teks label, tekan enter kanggo pindhah menyang baris anyar, banjur tambahake kolom formulir, amarga ukuran area teks ing kaca nggawe kikuk kanggo label dadi ing sisih kiwa utawa tengen.
2. Klik panah mudhun ing jejere tombol Formulir ing toolbar lan pilih Tèks Area saka menu gulung mudhun. Jendela Area Text Properties bakal mbukak.
3. Ketik jeneng kanggo kolom area teks. Jeneng kasebut ngenali lapangan ing kode HTML lan digunakake dening skrip penanganan formulir kanggo ngolah informasi sing dikirim pengguna.
4. Ketik nomer baris lan kolom sing pengin area teks ditampilake. Dimensi iki nemtokake ukuran kolom ing kaca lan jumlah teks sing bisa lumebu ing lapangan sadurunge kudu nggulung.
5. Opsi sing luwih lanjut bisa ditemtokake karo kontrol liyane ing jendhela iki, nanging saiki jeneng lan dimensi lapangan cukup.
6. Klik OK lan area teks katon ing formulir.

05 saka 06

Nambah A Kirim lan Tombol Reset menyang Formulir Kanthi KompoZer

Sawise pangguna wis ngisi formulir ing kaca, ana perlu sawetara cara kanggo informasi dikirimake ing server. Kajaba iku, yen pangguna kepengin miwiti utawa nglakoni kesalahan, mbiyantu nglebokake kontrol sing bakal ngreset kabeh wangun formulir menyang gawan. Kontrol wangun khusus ngatasi fungsi kasebut, disebut tombol Kirim lan Reset masing-masing.

1. Nyelehake kursor ing wilayah wangun sing wis mbatesi sing sampeyan pengin ngirim utawa ngreset. Paling asring, iki bakal ditemokake ing sangisore kolom ing wangun.
2. Klik panah mudhun ing jejere tombol Formulir ing toolbar lan pilih Define Button saka menu gulung mudhun. Jendela Button Properties bakal muncul.
3. Pilih jinis tombol saka menu tarik mudhun Label berlabel Tipe. Pilihan sampeyan yaiku Kirim, Reset lan Tombol. Ing kasus iki kita bakal milih jinis Kirim.
4. Menehi jeneng kanggo tombol, sing bakal digunakake ing HTML lan kode penanganan wangun kanggo proses panyuwunan formulir. Pengembang web biasane jenenge lapangan iki "submit."
5. Ing kothak label Value, ketik teks sing kudu katon ing tombol kasebut. Tèks kudu cendhak nanging deskriptif apa sing bakal kelakon nalika tombol ditekan. Soko kaya "Kirim," "Kirim Formulir," utawa "Kirim" minangka conto apik.
6. Klik OK lan tombol muncul ing formulir.

Tombol Reset bisa ditambahake ing formulir nggunakake proses sing padha, nanging pilih Reset saka kolom Tipe tinimbang Kirim.

06 saka 06

Ngedit Formulir Kanthi KompoZer

Ngowahi kolom formulir utawa wangun ing KompoZer gampang banget. Cukup klik kaping pindho ing lapangan sing pengin diowahi, lan kothak dialog sing cocog katon ing ngendi sampeyan bisa ngganti properti lapangan sing cocog karo kabutuhan sampeyan. Diagram ing ndhuwur nuduhake wujud prasaja kanthi nggunakake komponen-komponen ing tutorial iki.