Cara Membuat Medan Borang

Isi kandungan:

Cara Membuat Medan Borang
Cara Membuat Medan Borang

Video: Cara Membuat Medan Borang

Video: Cara Membuat Medan Borang
Video: Borang Carian Murid Mudah Menggunakan ComboBox Dalam Excell 2024, Mungkin
Anonim

Pemprosesan data yang dihantar pengunjung ke pelayan setelah mengisi borang web dikendalikan oleh program khas (skrip). Oleh itu, masuk akal untuk menambahkan bidang ke borang yang diposkan di laman web hanya jika fungsi untuk bekerja dengan bidang ini diprogramkan ke dalam skrip. Sekiranya syarat ini dipenuhi, masih perlu dilakukan bahagian kerja yang sederhana iaitu menambahkan tag ke kod sumber halaman yang membentuk bidang yang diperlukan.

Cara membuat medan borang
Cara membuat medan borang

Ia perlu

Pengetahuan asas HTML

Arahan

Langkah 1

Operasi membentuk tag yang diperlukan dapat diambil alih oleh editor halaman, jika Anda berpeluang menggunakan mod penyuntingan visual di dalamnya. Penyunting seperti itu boleh menjadi bahagian tidak terpisahkan dari sistem pengurusan kandungan - masukkan dan muatkan halaman dengan borang di mana bidang baru harus ditambahkan. Gunakan operasi salin dan tampal - pilih dan salin beberapa elemen yang ada (medan input dan teks yang berkaitan dengannya), kemudian klik pada halaman di mana medan tambahan harus diletakkan dan tampal yang disalin.

Langkah 2

Selepas itu, edit sifat setiap elemen pasangan secara berasingan. Cukup pilih prasasti dengan tetikus dan ketik teks baru, dan untuk medan input gunakan butang di panel editor yang membuka sifatnya. Dalam sifat, sekurang-kurangnya anda perlu mengubah nilai di bidang nama - ia mesti sesuai dengan nama bidang yang diprogramkan dalam skrip pemprosesan. Ulangi salin / tampal untuk set bidang yang diperlukan dan simpan halaman.

Langkah 3

Sekiranya tidak ada akses ke pengeditan visual, buka kod sumber halaman dalam teks atau editor khusus dan tambahkan tag yang diperlukan padanya. Kaedah ini memerlukan pengetahuan mengenai teknik susun atur HTML dan laman web. Untuk menambahkan medan teks sederhana ke formulir, gunakan tag input, tambahkan teks nilai ke atribut type. Sebagai tambahan kepada atribut ini, hanya nama yang diperlukan - ia mesti mengandungi nama bidang borang ini yang diketahui oleh skrip pengendali. Dengan menggunakan atribut lain, anda dapat menetapkan jumlah watak yang secara visual menentukan panjang medan input (atribut size), jumlah aksara maksimum yang dibenarkan (panjang maksimum), parameter gaya (gaya), keahlian kelas (kelas), dll. Teg ini dapat dilihat dalam kod, misalnya seperti ini:

Langkah 4

Untuk medan teks berbilang baris, gunakan tag textarea. Ia terdiri daripada dua bahagian - membuka dan menutup. Pada yang pertama, anda mesti menetapkan nilai nama, dan menggunakan atribut baris dan kolom, anda boleh menetapkan bilangan baris dan lajur elemen bentuk ini. Sebagai contoh:

Langkah 5

Jenis medan bentuk lain boleh menjadi kotak centang - untuk membentuknya juga menggunakan tag input, tetapi tidak seperti bidang teks satu baris, tentukan nilai kotak centang pada atribut type. Sekiranya elemen borang ini perlu diperiksa, tambahkan atribut yang dicentang ke tegnya. Sebagai contoh:

Langkah 6

Untuk memasukkan kotak pilih ke dalam bentuk dan mengunggah file, gunakan tag input yang sama dengan nilai file dalam atribut type. Sebagai contoh:

Langkah 7

Pembinaan yang lebih kompleks membentuk medan dengan senarai drop-down. Ia mesti mengandungi sepasang tanda pilih yang membuka dan menutup. Letakkan pasangan tag pilihan di antara, masing-masing menentukan satu baris pilihan. Tag pembuka mesti mengandungi atribut nilai (nilainya akan dikirimkan ke pelayan), dan di antara bahagian pembuka dan penutup, letakkan teks yang akan dilihat oleh pengunjung dalam baris senarai ini. Contohnya: Baris pilihan pertama Baris pilihan kedua Baris pilihan ketiga

Disyorkan: