Atribut Tindakan dan Kaedah Borang HTML dijelaskan
Atribut tindakan menentukan di mana untuk menghantar data borang, dan atribut kaedah menentukan cara menghantarnya menggunakan kaedah HTTP. 1. Atribut tindakan menetapkan URL destinasi (mutlak atau relatif); Jika ditinggalkan, borang itu mengemukakan ke halaman semasa. 2. Atribut Kaedah menggunakan "Dapatkan" untuk menambah data ke URL (saiz yang boleh dilihat, bookmarkable, terhad) atau "pos" untuk menghantar data dalam badan permintaan (tersembunyi, selamat, kapasiti yang lebih besar). Gunakan "GET" untuk carian dan "pos" untuk tindakan sensitif atau perubahan negara, memastikan pengesahan sisi pelayan untuk keselamatan.
Atribut action dan method dalam elemen HTML <form></form> menentukan bagaimana dan di mana data borang dihantar apabila borang dikemukakan. Memahami kedua -dua atribut ini adalah penting untuk mengendalikan input pengguna dengan betul.
Apakah atribut action ?
Atribut action menentukan URL atau titik akhir di mana data borang hendaklah dihantar apabila pengguna mengemukakan borang tersebut.
- Ia boleh menjadi URL mutlak (misalnya,
https://example.com/submit-form) atau jalan relatif (misalnya,/submit,process.php). - Jika atribut
actionditinggalkan, borang akan diserahkan kepada URL halaman semasa secara lalai.
Contoh:
<form Action = "/hantar-bentuk" metode = "post"> <input type = "text" name = "username"> <Button Type = "Hantar"> Hantar </butang> </form>
Dalam kes ini, apabila pengguna mengklik "Hantar", penyemak imbas menghantar data ke laluan /submit-form pada domain yang sama.
Nota: Pelayan di URL yang ditentukan mesti disediakan untuk mengendalikan permintaan masuk - biasanya menggunakan bahasa backend seperti PHP, Python, Node.js, dll.
Apakah atribut method ?
Atribut method mentakrifkan kaedah HTTP (atau kata kerja) yang digunakan untuk menghantar data borang. Dua nilai yang paling biasa adalah get dan post .
1. method="get"
- Tambah data borang ke URL sebagai rentetan pertanyaan (misalnya,
?name=John&email=john@example.com). - Terlihat kepada pengguna dan terhad dalam saiz data (disebabkan oleh sekatan panjang URL).
- Tidak boleh digunakan untuk data sensitif atau besar.
- Ideal untuk bentuk carian atau penapisan, di mana negeri boleh ditandakan atau dikongsi.
Contoh:
<form Action = "/carian" method = "get"> <input type = "text" name = "query"> <Button Type = "Hantar"> Cari </butang> </form>
Mengemukakan ini dengan "kucing" akan menavigasi ke /search?query=cats .
2. method="post"
- Menghantar data borang dalam badan permintaan HTTP.
- Tidak dapat dilihat dalam URL; Lebih baik untuk data sensitif atau besar.
- Tiada had saiz praktikal (tertakluk kepada konfigurasi pelayan).
- Digunakan untuk tindakan seperti log masuk, memuat naik fail, atau mengemukakan kandungan.
Contoh:
<Form Action = "/Login" method = "Post"> <input type = "text" name = "username"> <input type = "kata laluan" name = "password"> <Button Type = "Hantar"> Login </Button> </form>
Nama pengguna dan kata laluan dihantar dengan selamat di badan permintaan.
Perbezaan utama sekilas
| Ciri | GET
|
POST
|
|---|---|---|
| Data dalam URL | Ya | Tidak |
| Bookmarkable | Ya | Tidak |
| Caching | Boleh di -cache | Tidak dicatatkan secara lalai |
| Had saiz data | Terhad oleh Panjang URL (~ 2048 chars) | Lebih tinggi (bergantung kepada pelayan) |
| Gunakan kes | Cari, penapis | Log masuk, muat naik fail, penyerahan |
Petua praktikal
- Sentiasa gunakan
method="post"untuk tindakan yang mengubah keadaan pelayan (misalnya, membuat atau mengemas kini data) untuk mengelakkan penyerahan semula secara tidak sengaja dan meningkatkan keselamatan. - Gunakan
method="get"apabila anda mahu pengguna dapat berkongsi atau menanda hasilnya (contohnya, hasil carian). - Pastikan URL
actionmenunjuk ke titik akhir pelayan yang sah yang boleh memproses input. - Jangan sekali -kali bergantung pada HTML sahaja untuk keselamatan - sentiasa mengesahkan dan membersihkan input di sebelah pelayan.
Pada asasnya, action itu memberitahu penyemak imbas di mana untuk menghantar data, dan method itu menceritakan bagaimana . Mendapatkan kedua -dua hak memastikan bentuk anda berfungsi seperti yang dimaksudkan.
Atas ialah kandungan terperinci Atribut Tindakan dan Kaedah Borang HTML dijelaskan. 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)
Cara menambah ikon ke tab tajuk laman web anda di HTML
Aug 07, 2025 pm 11:30 PM
Untuk menambah ikon ke bar tajuk laman web, anda perlu menghubungkan fail Favicon di bahagian HTML. Langkah -langkah khusus adalah seperti berikut: 1. Sediakan fail ikon 16x16 atau 32x32 piksel. Adalah disyorkan untuk menggunakan favicon.ico untuk menamakannya dan meletakkannya di direktori akar laman web, atau menggunakan format moden seperti PNG dan SVG; 2. Tambah tag pautan ke HTML, seperti format PNG atau SVG, laraskan atribut jenis dengan sewajarnya; 3. Secara pilihan menambah ikon resolusi tinggi untuk peranti mudah alih, seperti Appletouchicon, dan nyatakan saiz yang berbeza melalui atribut saiz; 4. Ikuti amalan terbaik, letakkan ikon dalam direktori root untuk memastikan pengesanan automatik, jelaskan cache penyemak imbas selepas kemas kini, dan periksa ketepatan laluan fail.
Mengapa imej HTML saya tidak muncul?
Aug 16, 2025 am 10:08 AM
Pertama, periksa sama ada laluan atribut SRC adalah betul, dan pastikan laluan relatif atau mutlak sepadan dengan lokasi fail HTML; 2. Sahkan sama ada nama fail dan lanjutan dieja dengan betul dan sensitif kes; 3. Sahkan bahawa fail imej sebenarnya wujud dalam direktori yang ditentukan; 4. Gunakan atribut alt yang sesuai dan pastikan format imej adalah .jpg, .png, .gif atau .webp disokong secara meluas oleh penyemak imbas; 5. Selesaikan masalah cache penyemak imbas, cuba memaksa menyegarkan atau mengakses url imej secara langsung; 6. Semak tetapan kebenaran pelayan untuk memastikan fail itu boleh dibaca dan tidak disekat; 7. Sahkan bahawa sintaks tag IMG adalah betul, termasuk petikan dan perintah atribut yang betul, dan akhirnya menyelesaikan masalah 404 kesilapan atau masalah sintaks melalui alat pemaju penyemak imbas untuk memastikan imej itu dipaparkan secara normal.
Ekstrak URL bersarang dari laman web dinamik menggunakan bahasa R: amalan interaksi HTTPR dan API
Aug 27, 2025 pm 07:06 PM
Tutorial ini meneroka masalah kegagalan merangkak jika JavaScript secara dinamik memuat kandungan apabila merangkak URL dari laman web menggunakan pakej bahasa R RVEST. Artikel ini menerangkan secara terperinci mengapa kaedah parsing HTML tradisional mungkin tidak sah dan menyediakan penyelesaian yang cekap: dengan mengenal pasti dan terus memanggil antara muka API di belakang laman web, menggunakan pakej HTTR untuk mendapatkan data JSON, dengan itu berjaya mengekstrak maklumat yang diperlukan.
Cara menambah ikon ke butang dalam html
Aug 07, 2025 pm 11:09 PM
Menggunakan Fontawesome dapat dengan cepat menambah ikon dengan memperkenalkan CDN dan menambah kelas ikon ke butang, seperti seperti; 2. Menggunakan label untuk membenamkan ikon tersuai dalam butang, laluan dan saiz yang betul mesti ditentukan; 3. Menanam kod SVG secara langsung untuk mencapai ikon resolusi tinggi dan menjadikannya konsisten dengan warna teks; 4. Jarak harus ditambah melalui CSS dan ARIA-label harus ditambah ke butang ikon untuk meningkatkan aksesibilitas; Ringkasnya, Fontawesome paling sesuai untuk ikon standard, gambar sesuai untuk reka bentuk tersuai, manakala SVG menyediakan skala dan kawalan yang terbaik, dan kaedah harus dipilih mengikut keperluan projek. Fontawesome biasanya disyorkan.
Cara menggunakan tag BDO untuk mengatasi arah teks dalam html
Aug 16, 2025 am 09:32 AM
Thebdotagisusedtooverridethebrowser'sdefaulttextdirectionrenderingwhendealingwithmixedleft-to-rightandright-to-lefttext, memastikancorrectvisualdisplaybyforcingaspecificdirectionusingthedirattribondaluS "rtemematribondaluS"
Secara dinamik tetapkan nilai pemilihan elemen pilih secara dinamik melalui parameter URL
Aug 20, 2025 pm 11:48 PM
Artikel ini memperincikan cara menggunakan JavaScript tulen untuk menetapkan pilihan menu drop-down secara automatik berdasarkan parameter pertanyaan dalam URL. Dengan menghuraikan URL untuk mendapatkan nilai parameter tertentu dan menyerahkannya kepada atribut nilai elemen sasaran, anda dapat merealisasikan preset menu lungsur apabila halaman dimuatkan. Kaedah ini tidak memerlukan jQuery, mudah dan cekap, dan sesuai untuk senario di mana elemen bentuk perlu dikawal secara dinamik.
Apakah perbezaan antara ID dan kelas HTML
Aug 07, 2025 am 12:03 AM
ID mesti unik. Satu ID dalam setiap halaman hanya boleh digunakan untuk satu elemen, dan kelas boleh digunakan semula pada pelbagai elemen, dan satu elemen boleh mempunyai pelbagai kelas; 2. Senario yang menggunakan ID termasuk: meletakkan elemen khusus tunggal, pautan sauh dalam halaman, JavaScript mengendalikan elemen melalui ID, dan label yang berkaitan dengan elemen bentuk; Senario menggunakan kelas termasuk: menggunakan gaya atau tingkah laku yang sama kepada pelbagai elemen, membina komponen UI yang boleh diguna semula, dan memilih pelbagai elemen dalam JavaScript; 3. Dalam CSS, penargetan dilakukan oleh pemilih #ID dan pemilih kelas.
Cara Menggunakan Atribut Async untuk Memuat Skrip Dalam HTML
Aug 17, 2025 pm 12:52 PM
Teasyncattributeinhtmlisusedtoloadandexecuteexternaljavascriptfilesasynchronously, membolehkanTheBrowsertodownloadthescriptinparallelwithhtmlparsingandexecuteitimmedilyponcompletion,
