Borang HTML

Borang ialah borang luaran utama untuk melaksanakan halaman web dinamik.

Borang dan medan borang tidak mempunyai keupayaan untuk ditaip, dan penghasilan halaman web borang mesti disusun mengikut jadual.

Borang HTML ialah cara penting untuk interaksi antara halaman HTML dan penyemak imbas. Borang boleh digunakan untuk mengumpul maklumat berkaitan yang dihantar oleh pelanggan.


Borang sering ditemui semasa menyemak imbas tapak web. Ia adalah bahagian penting dalam fungsi interaktif tapak web. Tidak kira apa bentuk bahasa yang digunakan tapak web untuk melaksanakan fungsi interaktif laman web, seperti ASP, PHP, JSP, borang telah menjadi bentuk luaran bersatu mereka.


Borang HTML (Borang) adalah bahagian penting dalam HTML Fungsi utamanya adalah untuk mengumpul maklumat, khususnya untuk mengumpul maklumat pelawat.

Terdapat tiga perkara utama untuk dikuasai apabila mempelajari borang HTML:

· Kawalan Borang

· Tindakan

· Kaedah

Mari kita bincangkan tentang kawalan borang dahulu Melalui pelbagai kawalan borang HTML, pengguna boleh memasukkan maklumat teks, memilih daripada pilihan, dan menyerahkan operasi. Sebagai contoh, dalam contoh ayat di atas, input type="text" ialah kawalan bentuk, mewakili kotak input satu baris.

Maklumat yang diisi oleh pengguna dalam borang sentiasa perlu diproses oleh program Tindakan dalam borang menentukan fail yang memproses maklumat borang. Bagi kaedah, ia mewakili cara untuk menghantar maklumat borang. kaedah mempunyai dua nilai: dapatkan dan hantar. Kaedah get adalah untuk mengekodkan maklumat nama/nilai kawalan borang dan menghantarnya melalui URL (anda boleh melihatnya dalam bar alamat). Pos menghantar kandungan borang melalui http, dan anda tidak dapat melihat maklumat penyerahan borang dalam bar alamat. Jadi bila hendak menggunakan get dan bila hendak menggunakan pos? Secara umumnya, ia dinilai dengan cara ini Jika ia hanya untuk mendapatkan dan memaparkan data, gunakan get apabila ia melibatkan penyimpanan dan pengemaskinian data, disyorkan untuk menggunakan pos.

Kawalan biasa (Kawalan) bentuk HTML (Borang)

Kawalan biasa bentuk HTML (Borang) ialah:


Kawalan Borang                                                                                                                                                                                                                                                < mit maklumat dalam borang kepada fail yang ditunjukkan oleh tindakan dalam borang

input type="checkbox" Checkbox

input Type = "Radio"> Kotak drop-down

teks Textarea diwakili oleh *)

Kawalan Borang: Kotak input teks satu baris (input type="text")

Kotak input teks satu baris membenarkan pengguna memasukkan beberapa maklumat ringkas satu baris , seperti nama pengguna. Contoh ayat adalah seperti berikut:

<input type="text" name="yourname">

Borang Kawalan ): Kotak pilihan (input type="checkbox")Kotak pilihan membenarkan pengguna memilih berbilang pilihan daripada satu set pilihan. Kod sampel:

<input type="checkbox" name="fruit" value ="epal">Apple<br>

<input type="checkbox" name="fruit" value ="oren">oren<br>

<input type="checkbox" name="fruit" value ="mangga">mango<br>



Gunakan ditandai untuk menunjukkan pilihan yang dipilih secara lalai.

<input type="checkbox" name="fruit" value ="oren" ditandai>oren<br>




Kawalan Borang: Butang radio (jenis input="radio")


Gunakan butang radio untuk membenarkan pengguna memilih hanya satu pilihan daripada satu set pilihan. Kod sampel:

<input type="radio" name="fruit" value = "Apple">Apple<br><input type="radio" name="fruit" value = "Oren">oren<br>

<input type="radio" name="fruit" value = "Mangga">Mangga<br>



Gunakan ditandai untuk menunjukkan pilihan yang dipilih secara lalai.

<input type="radio" name="fruit" value = "Oren" ditandai>oren<br>




Kawalan Borang: Kotak lungsur turun (pilih)


Kotak lungsur turun (Pilih) boleh digunakan untuk kedua-dua pilihan radio dan pilihan semak. Contoh ayat pilihan tunggal adalah seperti berikut:

<pilih nama="buah" >
<nilai pilihan="epal">Epal
<nilai pilihan="oren">Oren
<nilai pilihan=" mangga">Mangga
</select>

Jika anda ingin mengubahnya menjadi pilihan semak, cuma tambahkan berbilang. Pengguna menggunakan Ctrl untuk melaksanakan berbilang pilihan. Contoh:

<select name="fruit" multiple>

Pengguna juga boleh menggunakan atribut saiz untuk menukar saiz kotak lungsur (Pilih).


Kawalan Borang: Kotak input berbilang baris (kawasan teks)

Kotak input berbilang baris (kawasan teks) ) digunakan terutamanya untuk memasukkan mesej teks yang lebih panjang. Contoh ayat adalah seperti berikut:

<textarea name="yoursuggest" cols ="50" rows = "3"></textarea>

di mana cols mewakili lebar textarea, baris mewakili ketinggian textarea.


Kawalan Borang: Kotak input kata laluan (jenis input="kata laluan")

Kotak input kata laluan (jenis input="kata laluan ") digunakan terutamanya untuk memasukkan beberapa maklumat sulit, seperti kata laluan. Kerana apabila pengguna memasukkan, yang dipaparkan bukanlah kandungan input, tetapi simbol titik hitam. . Contoh ayat adalah seperti berikut:

<input type="password" name="yourpw">


Borang Kawalan ): Serahkan (input type="submit")

Dengan menyerahkan (input type=submit), maklumat dalam borang (Borang) boleh diserahkan kepada fail yang ditunjukkan oleh tindakan dalam bentuk. Contoh ayat adalah seperti berikut:

<input type="submit" value="submit">


Halaman manakah harus borang dalam halaman diserahkan kepada? Ia ditetapkan oleh atribut tindakan.

Kemudian klik butang <input type="submit"> untuk memindahkan ke halaman yang sepadan

Anda juga boleh mengklik butang <input type="button"> onClick acara untuk menetapkan semula nilai atribut tindakan borang borang melalui kod js untuk pergi ke halaman lain.


Meneruskan pembelajaran
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <form action=""> 户名: <input type="text" name="user"><br><br> 密码: <input type="password" name="password"> <hr> <input type="radio" name="sex" value="male">Male <input type="radio" name="sex" value="female">Female <hr> <input type="checkbox" name="vehicle" value="Bike">bike <input type="checkbox" name="vehicle" value="Car">car <input type="checkbox" name="vehicle" value="moto">moto <hr> <select name="cars"> <option value="volvo">Volvo</option> <option value="saab">Saab</option> <option value="fiat" selected>Fiat</option> <option value="audi">Audi</option> </select> <hr> <textarea rows="10" cols="30"> 文本框。 </textarea> <br> <input type="submit" value="提交"> </form> </body> </html>
Tentang kita Penafian Sitemap
Laman web PHP Cina:Latihan PHP dalam talian kebajikan awam,Bantu pelajar PHP berkembang dengan cepat!