HTML <form> ƙadda

tama da ƙa'idodin

<form> tag ce don kirkira fomu HTML don ƙarfafawa samun bayanai daga mutum.

<form> element ce iya da raba ƙarar ƙarƙashin da ƙarƙashin da suka ƙarƙaƙa:

kuma kiyi:

HTML Tarihin Koyi:HTML fomu da girman

HTML DOM Tsaro Gudanin:Form ce

CSS Tarihin Koyi: tasi fomu

shirin

ci 1

HTML fomu ce ramiya da ramiya wanda da gaba da shiga


  <label for="fname">sun:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">kawo:</label>
  <input type="text" id="lname" name="lname"><br><br>

ƙarɗa

ci 2

HTML fomu ce ramiya da daa


  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">nan gani</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">nan gani</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">nan gani</label><br><br>

ƙarɗa

例子 3

带有单选按钮的 HTML 表单：

ƙarɗa

属性

属性 值 描述
accept-charset 字符集 规定提交表单时要使用的字符编码。
action URL 规定提交表单时将表单数据发送到哪里。
autocomplete
  • on
  • off
 规定表单是否应启用自动完成功能。
enctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 规定在向服务器提交表单数据时，应该如何对表单数据进行编码。
method
  • get
  • post
 规定发送表单数据时使用的 HTTP 方法。
name 文本 规定表单的名称。
novalidate novalidate 规定提交表单时不应验证表单。
rel
  • external
  • help
  • license
  • next
  • nofollow
  • noopener
  • noreferrer
  • opener
  • prev
  • search
 规定链接资源和当前文档之间的关系。
target
  • _blank
  • _self
  • _parent
  • _top
 规定在何处显示提交表单后收到的响应。

全局属性

<form> 标签还支持 HTML 中的全局属性。

事件属性

<form> 标签还支持 HTML 中的事件属性。

ƙaddamar

ƙaddamar kuma ƙarɗa kuma ƙarɗa <form> ƙaddamar:

form {
  display: block;
  margin-top: 0em;
}

ƙarɗa

ƙarɗa

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ƙarɗa ƙarɗa ƙarɗa ƙarɗa ƙarɗa