Borang HTML ialah antara muka yang membolehkan pengguna memasukkan dan menyerahkan data pada halaman web. Ia mengandungi: medan input (teks, kata laluan, e-mel, nombor, kotak semak, butang radio), pemilih (menu lungsur) dan butang (serahkan, tetapkan semula). Borang dibuat menggunakan elemen <form> dengan atribut nama, tindakan dan kaedah. Selepas pengguna memasukkan data dan menyerahkannya, data borang dihantar ke URL yang ditentukan melalui permintaan HTTP.
Penggunaan Borang HTML
Apakah itu Borang HTML?
Borang HTML, borang web, ialah antara muka di mana pengguna boleh memasukkan dan menyerahkan data pada halaman web. Ia biasanya mengandungi medan input, pemilih dan butang yang membolehkan pengguna berinteraksi dengan tapak web.
Buat Borang HTML
Untuk mencipta Borang HTML, anda boleh menggunakan elemen <form>: <form>元素：
<form> <!-- 輸入字段、選擇器和按鈕 --> </form>
輸入字段
輸入字段用于收集用戶輸入的數(shù)據(jù)，有以下類型：
-
<input type="text">：單行文本輸入 -
<input type="password">：受密碼保護(hù)的單行文本輸入 -
<input type="email">：電子郵件地址輸入 -
<input type="number">：數(shù)字輸入 -
<input type="checkbox">：復(fù)選框 -
<input type="radio">：單選按鈕
選擇器
選擇器允許用戶從選項(xiàng)列表中選擇值，包括：
-
<select>：下拉菜單 -
<option>：下拉菜單中的選項(xiàng)
按鈕
按鈕用于提交或重置表單，有以下類型：
-
<button type="submit">：提交按鈕 -
<button type="reset">：重置按鈕
其他屬性
<form>元素可以使用以下屬性：
-
name：為表單分配一個(gè)名稱 -
action：指定表單提交后將數(shù)據(jù)發(fā)送到的 URL -
methodrrreee
Medan input yang dimasukkan digunakan untuk mengumpul data pengguna, terdapat Jenis berikut:
-
<input type="text">: Input teks baris tunggal -
code>: Input teks satu baris yang dilindungi kata laluan: Tentukan URL yang akan dihantar data selepas borang diserahkan??<input type="email">: Input alamat e-mel ??<input type="number ">: Input nombor??<input type="checkbox">: Checkbox??<input type="radio" >: Butang radio ????????Pemilih ??????Pemilih membenarkan pengguna memilih nilai daripada senarai pilihan, termasuk: ??-
< pilih>: Menu lungsur ?? -
<option>: Pilihan dalam menu lungsur ???????? butang ?????? digunakan untuk menyerahkan atau menetapkan semula borang, terdapat jenis berikut: ??-
<button type="reset" >: Butang set semula ?????? ??Atribut lain??????<form>elemen boleh menggunakan atribut berikut: ??-
name: Berikan nama pada borang?? tindakan
-
<button type="submit">: Butang serah ?? -
kaedah: Tentukan kaedah HTTP untuk menghantar data ke pelayan, yang mungkin "dapatkan" atau "siarkan"???? ????Selepas membuat borang menggunakan Borang HTML??????, pengguna boleh memasukkan data dalam medan input, pilih pilihan dalam pemilih, dan klik butang hantar. Data borang akan dihantar ke URL yang ditentukan melalui permintaan HTTP. ??
Atas ialah kandungan terperinci Penggunaan borang dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Alat AI Hot
Undress AI Tool
Gambar buka pakaian secara percuma
Undresser.AI Undress
Apl berkuasa AI untuk mencipta foto bogel yang realistik
AI Clothes Remover
Alat AI dalam talian untuk mengeluarkan pakaian daripada foto.
Clothoff.io
Penyingkiran pakaian AI
Video Face Swap
Tukar muka dalam mana-mana video dengan mudah menggunakan alat tukar muka AI percuma kami!
Artikel Panas
Alat panas
Notepad++7.3.1
Editor kod yang mudah digunakan dan percuma
SublimeText3 versi Cina
Versi Cina, sangat mudah digunakan
Hantar Studio 13.0.1
Persekitaran pembangunan bersepadu PHP yang berkuasa
Dreamweaver CS6
Alat pembangunan web visual
SublimeText3 versi Mac
Perisian penyuntingan kod peringkat Tuhan (SublimeText3)
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
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 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.
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
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;
Cara menggunakan teg borang dalam html
Apr 27, 2024 pm 09:34 PM
Teg borang digunakan untuk membuat borang yang membolehkan pengguna memasukkan data dan menyerahkannya ke pemprosesan sebelah 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.
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.
Apakah singkatan dom dalam js?
May 09, 2024 am 12:00 AM
DOM (Model Objek Dokumen) ialah API untuk mengakses, memanipulasi dan mengubah suai struktur pepohon dokumen HTML/XML Ia mewakili dokumen sebagai hierarki nod, termasuk nod Dokumen, Elemen, Teks dan Atribut, yang boleh digunakan untuk: akses. dan ubah suai struktur Dokumen Akses dan ubah suai gaya elemen Cipta/ubah suai kandungan HTML sebagai tindak balas kepada interaksi pengguna
