Pemrosesan data yang dikirim pengunjung ke server setelah mengisi formulir web ditangani oleh program khusus (script). Oleh karena itu, masuk akal untuk menambahkan bidang ke formulir yang diposting di halaman web hanya jika fungsi untuk bekerja dengan bidang ini diprogram ke dalam skrip. Jika kondisi ini terpenuhi, tetap melakukan bagian yang relatif sederhana dari pekerjaan menambahkan tag ke kode sumber halaman yang membentuk bidang yang diperlukan.
Itu perlu
Pengetahuan dasar tentang HTML
instruksi
Langkah 1
Operasi pembentukan tag yang diperlukan dapat diambil alih oleh editor halaman, jika Anda memiliki kesempatan untuk menggunakan mode pengeditan visual di dalamnya. Editor semacam itu dapat menjadi bagian integral dari sistem manajemen konten - masukkan dan muat halaman dengan formulir di mana bidang baru harus ditambahkan. Gunakan operasi salin dan tempel - pilih dan salin beberapa elemen yang ada (bidang input dan teks yang terkait dengannya), lalu klik halaman tempat bidang tambahan harus ditempatkan dan tempel yang disalin.
Langkah 2
Setelah itu, edit properti setiap elemen pasangan secara terpisah. Cukup pilih tulisan dengan mouse dan ketik teks baru, dan untuk bidang input gunakan tombol di panel editor yang membuka propertinya. Di properti, setidaknya Anda perlu mengubah nilai di bidang nama - itu harus sesuai dengan nama bidang yang diprogram dalam skrip pemrosesan. Ulangi salin / tempel untuk set bidang yang diperlukan dan simpan halaman.
Langkah 3
Jika tidak ada akses ke pengeditan visual, buka kode sumber halaman dalam teks atau editor khusus apa pun dan tambahkan tag yang diperlukan ke dalamnya. Metode ini membutuhkan beberapa pengetahuan tentang HTML dan teknik tata letak halaman web. Untuk menambahkan bidang teks sederhana ke formulir, gunakan tag input, tambahkan teks nilai ke atribut type. Selain atribut ini, hanya nama yang diperlukan - atribut ini harus berisi nama bidang formulir yang diketahui oleh skrip pengendali. Dengan menggunakan atribut lain, Anda dapat mengatur jumlah karakter yang secara visual menentukan panjang bidang input (atribut ukuran), jumlah karakter maksimum yang diizinkan (panjang maksimum), parameter gaya (gaya), keanggotaan kelas (kelas), dll. Tag ini bisa dilihat pada kodenya, misalnya seperti ini:
Langkah 4
Untuk bidang teks multiline, gunakan tag textarea. Ini terdiri dari dua bagian - pembukaan dan penutupan. Pertama, Anda harus menetapkan nilai nama, dan menggunakan atribut baris dan kolom, Anda dapat mengatur jumlah baris dan kolom elemen formulir ini. Sebagai contoh:
Langkah 5
Jenis bidang formulir lainnya dapat berupa kotak centang - untuk membentuknya juga menggunakan tag input, tetapi tidak seperti bidang teks satu baris, tentukan nilai kotak centang di atribut type. Jika elemen formulir ini perlu diperiksa, tambahkan atribut yang dicentang ke tagnya. Sebagai contoh:
Langkah 6
Untuk menyisipkan kotak pilih ke dalam formulir dan mengunggah file, gunakan tag input yang sama dengan nilai file di atribut type. Sebagai contoh:
Langkah 7
Konstruksi yang lebih kompleks membentuk bidang dengan daftar drop-down. Itu harus berisi sepasang tag pembuka dan penutup pilih. Tempatkan pasangan tag opsi di antaranya, masing-masing menentukan satu baris pilihan. Tag pembuka harus berisi atribut nilai (nilainya akan dikirimkan ke server), dan di antara bagian pembuka dan penutup, tempatkan teks yang akan dilihat pengunjung di baris daftar ini. Misalnya: Jalur seleksi pertama Jalur seleksi kedua Jalur seleksi ketiga
