Bagaimana Menambah Borang dengan KompoZer

01 dari 06

Tambah Borang Dengan KompoZer

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 kita akan bekerjasama dengan teks, kawasan teks, menyerahkan dan menetapkan semula butang.

02 dari 06

Buat Borang Baru Dengan KompoZer

KompoZer mempunyai alat bentuk kaya yang boleh anda gunakan untuk menambah borang ke halaman web anda. Anda mengakses alatan bentuk dengan mengklik pada butang Borang atau menu drop down 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 .

1. Poskan kursor anda di lokasi yang anda ingin borang anda muncul di halaman.
2. Klik butang Borang pada bar alat. Kotak dialog Borang Properties dibuka.
3. 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.
4. 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.
5. Pilih kaedah yang digunakan untuk menyerahkan data borang kepada pelayan. Kedua-dua pilihan adalah GET dan POST. Anda perlu tahu kaedah mana skrip yang diperlukan.
6. Klik OK dan borang tersebut akan ditambahkan pada halaman anda.

03 dari 06

Tambah Medan Teks Kepada Satu Borang Dengan KompoZer

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.

1. 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.
2. Klik anak panah bawah bersebelahan dengan butang Borang pada bar alat dan pilih Borang Field dari menu drop-down.
3. Tetingkap Properties Field Form akan dibuka. Untuk menambah medan teks, pilih Teks dari menu drop down berlabel Jenis Field.
4. 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 menomborkan butang Lebih Properties / Kurangkan Properties atau dengan menekan butang Edit Lanjutan, tetapi untuk sekarang kami hanya akan memasukkan nama lapangan.
5. Klik OK dan medan teks muncul pada halaman.

04 dari 06

Tambah Kawasan Teks Untuk Borang Dengan KompoZer

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.

1. 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.
2. Klik anak panah bawah bersebelahan dengan butang Borang pada bar alat dan pilih Kawasan Teks dari menu drop-down. Tingkap Properties Area Text akan dibuka.
3. Masukkan nama untuk medan kawasan teks. Nama ini mengenal pasti bidang dalam kod HTML dan digunakan oleh skrip pengendalian borang untuk memproses maklumat pengguna yang dikemukakan.
4. 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.
5. Pilihan lebih maju boleh ditentukan dengan kawalan lain dalam tetingkap ini, tetapi sekarang nama lapangan dan dimensi cukup.
6. Klik OK dan kawasan teks muncul pada borang.

05 dari 06

Tambah A Submit and Reset Button Untuk Borang Dengan KompoZer

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.

1. 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.
2. Klik anak panah ke bawah bersebelahan dengan butang Borang pada bar alat dan pilih Tentukan Tombol dari menu drop-down. Tingkap Butang Properties akan muncul.
3. Pilih jenis butang dari menu drop down berlabel Jenis. Pilihan anda adalah Submit, Reset dan Button. Dalam kes ini kita akan memilih jenis Hantar.
4. Beri nama kepada butang yang akan digunakan dalam kod pengendalian HTML dan borang untuk memproses permintaan borang. Pemaju web biasanya menamakan bidang ini "hantar."
5. Dalam kotak berlabel 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.
6. Klik OK dan butang muncul pada borang.

Butang Reset boleh ditambah ke borang menggunakan proses yang sama, tetapi pilih Tetapkan semula dari medan Jenis dan bukannya Hantar.

06 dari 06

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.