Rumah  >  Artikel  >  hujung hadapan web  >  Penggunaan borang dalam html

Penggunaan borang dalam html

下次还敢
下次还敢asal
2024-04-27 19:46:18786semak imbas

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 dalam html

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>元素:

<code class="html"><form>
  <!-- 输入字段、选择器和按钮 -->
</form></code>

输入字段

输入字段用于收集用户输入的数据,有以下类型:

  • <input type="text">:单行文本输入
  • <input type="password">:受密码保护的单行文本输入
  • <input type="email">:电子邮件地址输入
  • <input type="number">:数字输入
  • <input type="checkbox">:复选框
  • <input type="radio">:单选按钮

选择器

选择器允许用户从选项列表中选择值,包括:

  • <select>:下拉菜单
  • <option>:下拉菜单中的选项

按钮

按钮用于提交或重置表单,有以下类型:

  • <button type="submit">:提交按钮
  • <button type="reset">:重置按钮

其他属性

<form>元素可以使用以下属性:

  • name:为表单分配一个名称
  • action:指定表单提交后将数据发送到的 URL
  • methodrrreee
Medan input

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
  • <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="submit">: Butang serah 🎜
      • <button type="reset" >: Butang set semula 🎜🎜🎜 🎜Atribut lain🎜🎜🎜<form> elemen boleh menggunakan atribut berikut: 🎜
        • name: Berikan nama pada borang🎜
        • tindakan
  • : Tentukan URL yang akan dihantar data selepas borang diserahkan🎜
  • 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!

Kenyataan:
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