Rumah hujung hadapan web html tutorial Cara menggunakan teg borang dalam html

Cara menggunakan teg borang dalam html

Apr 27, 2024 pm 09:34 PM
penyerahan borang

Teg

digunakan untuk membuat borang yang membolehkan pengguna memasukkan data dan menyerahkannya ke pemprosesan bahagian pelayan. Atribut termasuk tindakan (URL pengendali), kaedah (kaedah penyerahan), nama (nama borang), sasaran (sasaran penyerahan), enctype (kaedah pengekodan data). Elemen borang termasuk kotak teks, senarai juntai bawah, kawasan teks, butang, dsb. Menghantar borang akan menghantar data ke pelayan melalui kaedah dan URL yang ditentukan.

Cara menggunakan teg borang dalam html

Penggunaan teg borang dalam HTML

Apakah itu teg borang? Teg

digunakan untuk membuat borang yang membolehkan pengguna memasukkan data dan menghantar data ke pemprosesan bahagian pelayan apabila borang diserahkan.

Atribut teg borang

  • tindakan: Nyatakan URL pengendali bahagian pelayan yang menghantar data selepas borang diserahkan.
  • kaedah: Nyatakan kaedah untuk menghantar data ke pelayan (biasanya GET atau POST).
  • nama: Nyatakan nama untuk borang supaya boleh dirujuk dalam halaman HTML.
  • sasaran: Nyatakan sasaran selepas penyerahan borang (_diri secara lalai).
  • enctype: Menentukan cara mengekod data borang (aplikasi/x-www-form-urlencoded secara lalai).

Elemen Borang

Borang boleh mengumpul input pengguna melalui pelbagai elemen borang, termasuk:

  • input: Kotak teks, kotak kata laluan, kotak semak, butang radio, dsb.
  • pilih: senarai juntai bawah.
  • kawasan teks: Kawasan input teks berbilang baris.
  • butang: butang serah, butang set semula, dsb.

Serahan borang

Apabila pengguna mengklik butang hantar dalam borang, data borang akan dihantar ke pelayan melalui kaedah dan tindakan yang ditetapkan.

Contoh

Buat borang ringkas untuk mengumpulkan nama pengguna:

<form action="process_form.php" method="post">
  <label for="name">姓名:</label>
  <input type="text" id="name" name="name">
  <input type="submit" value="提交">
</form>
Salin selepas log masuk

Nota

  • Sentiasa sahkan input pengguna untuk mengelakkan penyerahan yang berniat jahat.
  • Nyatakan atribut kaedah dan tindakan secara eksplisit supaya borang berfungsi dengan betul.
  • Gunakan elemen

Atas ialah kandungan terperinci Cara menggunakan teg borang dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Alat AI Hot

Undresser.AI Undress

Undresser.AI Undress

Apl berkuasa AI untuk mencipta foto bogel yang realistik

AI Clothes Remover

AI Clothes Remover

Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.

Undress AI Tool

Undress AI Tool

Gambar buka pakaian secara percuma

Clothoff.io

Clothoff.io

Penyingkiran pakaian AI

AI Hentai Generator

AI Hentai Generator

Menjana ai hentai secara percuma.

Artikel Panas

R.E.P.O. Kristal tenaga dijelaskan dan apa yang mereka lakukan (kristal kuning)
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Tetapan grafik terbaik
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Cara Memperbaiki Audio Jika anda tidak dapat mendengar sesiapa
3 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Cara Membuka Segala -galanya Di Myrise
4 minggu yang lalu By 尊渡假赌尊渡假赌尊渡假赌

Alat panas

Notepad++7.3.1

Notepad++7.3.1

Editor kod yang mudah digunakan dan percuma

SublimeText3 versi Cina

SublimeText3 versi Cina

Versi Cina, sangat mudah digunakan

Hantar Studio 13.0.1

Hantar Studio 13.0.1

Persekitaran pembangunan bersepadu PHP yang berkuasa

Dreamweaver CS6

Dreamweaver CS6

Alat pembangunan web visual

SublimeText3 versi Mac

SublimeText3 versi Mac

Perisian penyuntingan kod peringkat Tuhan (SublimeText3)

Bagaimana untuk mendapatkan data borang dalam layui Bagaimana untuk mendapatkan data borang dalam layui Apr 04, 2024 am 03:39 AM

layui menyediakan pelbagai kaedah untuk mendapatkan data borang, termasuk mendapatkan terus semua data medan borang, mendapatkan nilai elemen bentuk tunggal, menggunakan kaedah formAPI.getVal() untuk mendapatkan nilai medan yang ditentukan, menyerikan data borang dan menggunakannya sebagai parameter permintaan AJAX, dan mendengar acara penyerahan Borang mendapat data.

Bagaimana untuk menyediakan lompat pada halaman log masuk layui Bagaimana untuk menyediakan lompat pada halaman log masuk layui Apr 04, 2024 am 03:12 AM

Langkah penetapan lompat halaman log masuk Layui: Tambah kod lompat: Tambah pertimbangan dalam borang log masuk serah acara klik butang, dan lompat ke halaman yang ditentukan melalui window.location.href selepas berjaya log masuk. Ubah suai konfigurasi borang: tambah medan input tersembunyi pada elemen borang lay-filter="login", dengan nama "redirect" dan nilainya ialah alamat halaman sasaran.

Bagaimana untuk melaksanakan interaksi front-end dan back-end dalam layui Bagaimana untuk melaksanakan interaksi front-end dan back-end dalam layui Apr 01, 2024 pm 11:33 PM

Terdapat kaedah berikut untuk interaksi hadapan dan belakang menggunakan layui: Kaedah $.ajax: Permudahkan permintaan HTTP tak segerak. Objek permintaan tersuai: membenarkan menghantar permintaan tersuai. Kawalan borang: mengendalikan penyerahan borang dan pengesahan data. Kawalan muat naik: melaksanakan muat naik fail dengan mudah.

Apakah peranan Serverlet dalam Java Apakah peranan Serverlet dalam Java Apr 12, 2024 pm 02:39 PM

Servlet berfungsi sebagai jambatan untuk komunikasi pelanggan-pelayan dalam aplikasi Web Java dan bertanggungjawab untuk: memproses permintaan pelanggan menjana respons HTTP secara dinamik menguruskan keadaan sesi HTTP;

Perbezaan antara acara dan $event dalam vue Perbezaan antara acara dan $event dalam vue May 08, 2024 pm 04:42 PM

Dalam Vue.js, acara ialah peristiwa JavaScript asli yang dicetuskan oleh penyemak imbas, manakala $event ialah objek peristiwa abstrak khusus Vue yang digunakan dalam komponen Vue. Secara amnya lebih mudah untuk menggunakan $event kerana ia diformat dan dipertingkatkan untuk menyokong pengikatan data. Gunakan acara apabila anda perlu mengakses kefungsian khusus objek acara asli.

Bagaimana untuk membina aplikasi satu halaman menggunakan PHP Bagaimana untuk membina aplikasi satu halaman menggunakan PHP May 04, 2024 pm 06:21 PM

Langkah-langkah untuk membina aplikasi satu halaman (SPA) menggunakan PHP: Cipta fail PHP dan muatkan Vue.js. Tentukan contoh Vue dan buat antara muka HTML yang mengandungi teks input dan output teks. Buat fail rangka kerja JavaScript yang mengandungi komponen Vue. Sertakan fail rangka kerja JavaScript ke dalam fail PHP.

Apakah senario aplikasi Java Servlet? Apakah senario aplikasi Java Servlet? Apr 17, 2024 am 08:21 AM

JavaServlet boleh digunakan untuk: 1. Penjanaan kandungan dinamik 2. Akses dan pemprosesan borang; Contoh: Cipta FormSubmitServlet untuk mengendalikan penyerahan borang, menggunakan nama dan e-mel sebagai parameter dan mengubah hala ke success.jsp.

Apakah senario yang boleh digunakan untuk pengubah suai peristiwa dalam vue? Apakah senario yang boleh digunakan untuk pengubah suai peristiwa dalam vue? May 09, 2024 pm 02:33 PM

Pengubah suai acara Vue.js digunakan untuk menambah gelagat tertentu, termasuk: menghalang gelagat lalai (.prevent) menghentikan acara menggelegak (.stop) acara sekali (.sekali) menangkap acara (.capture) mendengar acara pasif (.pasif) Suai pengubah suai (.self)Pengubah suai kunci (.key)

See all articles