Terdapat banyak kali apabila anda membuat halaman web di mana anda perlu memproses input yang diserahkan oleh pengguna seperti halaman log masuk, penciptaan akaun baru, atau untuk mengemukakan soalan atau komen. Input pengguna dikumpulkan dan dihantar ke pelayan web menggunakan borang HTML. Borang mudah ditambah dengan alatan terbina dalam KompoZer. Semua jenis medan bentuk yang menyokong HTML 4.0 boleh ditambah dan diedit dengan KompoZer, tetapi untuk tutorial ini, kami akan bekerjasama dengan teks, kawasan teks, menyerahkan dan menetapkan semula butang.
Buat Borang Baru
KompoZer mempunyai alat bentuk kaya yang boleh anda gunakan untuk menambah borang ke halaman web anda. Anda mengakses alatan borang dengan mengklik pada butang Borang atau menu lungsur yang disertakan pada bar alat. Ambil perhatian bahawa jika anda tidak menulis skrip pengendalian borang anda sendiri, anda perlu mendapatkan beberapa maklumat untuk langkah ini daripada dokumentasi atau dari programmer yang menulis skrip. Anda juga boleh menggunakan borang mailto tetapi mereka tidak selalu berfungsi.
- Poskan kursor anda di lokasi yang anda ingin borang anda muncul di halaman.
- Klik Borang butang pada bar alat. Kotak dialog Borang Properties dibuka.
- Tambah nama untuk borang tersebut. Nama ini digunakan dalam kod HTML yang dihasilkan secara automatik untuk mengenal pasti borang dan diperlukan. Anda juga perlu menyimpan halaman anda sebelum anda boleh menambah borang. Jika anda bekerja dengan halaman baru yang belum disimpan, KompoZer akan meminta anda untuk menyimpannya.
- Tambahkan URL pada skrip yang akan memproses data borang dalam medan URL Aksi. Pengendali bentuk biasanya skrip ditulis dalam PHP atau bahasa pelayan sisi yang sama. Tanpa maklumat ini, halaman web anda tidak dapat melakukan apa-apa dengan data yang dimasukkan oleh pengguna. KompoZer akan meminta anda memasuki URL untuk pengendali borang jika anda tidak memasukinya.
- Pilih Kaedah digunakan untuk menghantar data borang kepada pelayan. Kedua-dua pilihan adalah GET dan POST. Anda perlu tahu kaedah mana skrip yang diperlukan.
- Klik okey dan borang itu ditambahkan ke halaman anda.
Tambah Medan Teks ke Borang
Sebaik sahaja anda telah menambah borang ke halaman dengan KompoZer, borang tersebut akan digariskan pada halaman dalam garis putus-putus terang biru. Anda menambah medan borang anda di dalam kawasan ini. Anda juga boleh menaip teks atau menambah imej, seperti yang anda lakukan pada mana-mana bahagian halaman yang lain. Teks berguna untuk menambah tanda atau label untuk membentuk medan untuk membimbing pengguna.
- Pilih di mana anda mahu ke medan teks untuk pergi ke kawasan bentuk yang digariskan. Jika anda mahu menambah label, anda mungkin ingin menaip teks terlebih dahulu.
- Klik anak panah ke bawah bersebelahan dengan Borang butang pada bar alat dan pilih Borang Field dari menu lungsur.
- Tetingkap Properties Field Form akan dibuka. Untuk menambah medan teks, pilih Teks dari menu drop-down berlabel Jenis Lapangan.
- Berikan nama ke medan teks. Nama ini digunakan untuk mengenal pasti bidang dalam kod HTML dan skrip pengendalian borang memerlukan nama untuk memproses data. Beberapa atribut pilihan lain boleh diubah suai pada dialog ini dengan menogol Lebih Hartanah / Lebih kurang Hartanah butang atau dengan menekan butang Edit Lanjutan, tetapi buat masa sekarang, kami hanya akan memasukkan nama lapangan.
- Klik okey dan medan teks muncul pada halaman.
Tambah Kawasan Teks ke Borang
Kadang-kadang, banyak teks perlu dimasukkan dalam bentuk, seperti mesej atau medan pertanyaan / komen. Dalam kes ini, medan teks hanya tidak sesuai. Anda boleh menambah medan bentuk kawasan teks menggunakan alat borang.
- Posisi kursor anda dalam bentuk garis di mana anda ingin kawasan teks anda menjadi. Jika anda mahu menaip label, sering kali idea yang baik untuk menaip teks label, tekan enter untuk berpindah ke barisan baru, kemudian tambahkan medan borang, kerana saiz kawasan teks pada halaman membuatnya canggung untuk label untuk berada di sebelah kiri atau kanan.
- Klik anak panah ke bawah bersebelahan dengan Borang butang pada bar alat dan pilih Teks Kawasan dari menu lungsur turun. Tingkap Properties Area Text akan dibuka.
- Masukkan nama untuk medan kawasan teks. Nama ini mengenal pasti bidang dalam kod HTML dan digunakan oleh skrip pengendalian borang untuk memproses maklumat yang dikemukakan pengguna.
- Masukkan bilangan baris dan lajur yang anda mahu kawasan teks dipaparkan. Dimensi ini menentukan saiz medan pada halaman dan berapa banyak teks yang boleh dimasukkan ke dalam medan sebelum menatal perlu berlaku.
- Pilihan lebih maju boleh ditentukan dengan kawalan lain dalam tetingkap ini, tetapi pada masa ini, nama dan dimensi bidang sudah cukup.
- Klik okey dan kawasan teks muncul pada borang.
Tambah butang Hantar dan Tetapkan Semula kepada Borang
Selepas pengguna telah mengisi borang di halaman anda, perlu ada beberapa cara untuk maklumat dihantar ke pelayan. Di samping itu, jika pengguna ingin memulakan atau membuat kesilapan, adalah berguna untuk memasukkan kawalan yang akan menetapkan semula semua nilai bentuk kepada lalai. Kawalan bentuk khas mengendalikan fungsi ini, yang dipanggil butang Hantar dan Reset masing-masing.
- Letakkan kursor anda di dalam kawasan bentuk yang digariskan di mana anda ingin butang hantar atau menetapkan semula. Selalunya, ini akan terletak di bawah bidang yang lain dalam bentuk.
- Klik anak panah ke bawah bersebelahan dengan Borang butang pada bar alat dan pilih Tentukan butang dari menu lungsur turun. Tingkap Butang Properties akan muncul.
- Pilih jenis butang dari menu drop-down berlabel Jenis. Pilihan anda adalah Hantar, Reset, dan Butang. Dalam kes ini, kami akan memilih Hantar jenis.
- Beri nama kepada butang yang akan digunakan dalam kod pengendalian HTML dan borang untuk memproses permintaan borang. Pemaju web biasanya menamakan bidang ini "hantar."
- Dalam kotak yang dilabelkan Nilai, masukkan teks yang sepatutnya muncul pada butang. Teks harus pendek tetapi deskriptif mengenai apa yang akan terjadi apabila butang ditekan. Sesuatu seperti "Hantar," "Mengemukakan Borang," atau "Hantar" adalah contoh yang baik.
- Klik OK dan butang muncul pada borang.
The Tetapkan semula butang boleh ditambah ke borang menggunakan proses yang sama, tetapi pilih Tetapkan semula daripada Taipkan bidang bukan Hantar.
Mengedit Borang Dengan KompoZer
Mengedit bidang borang atau bentuk dalam KompoZer sangat mudah. Hanya klik dua kali pada medan yang ingin anda edit, dan kotak dialog yang sesuai muncul di mana anda boleh menukar sifat medan untuk memenuhi keperluan anda. Rajah di atas menunjukkan bentuk mudah menggunakan komponen yang diliputi dalam tutorial ini.
