HTML <form> taji

Uhusiano na Matumizi

<form> Tebaleni linatumiwa kumuea fomu ya HTML ya kirejeo wa wasomi.

<form> Elementi inayoweza kuwa na matokeo ya fomu kimoja au zaidi:

Tazama pia:

HTML Tutorial:HTML Forms and Inputs

HTML DOM Reference Manual:Mfumo wa Form

CSS Tutorial: Mwiliwa wa fomu

Mfano

Mfano 1

Fomu ya HTML na mechi ya kuingia na kikubaliano wa mechi mbili:

<form action="/action_page.php" method="get">
  <label for="fname">Jina:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Jina la mchezo:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Kubadilisha">
</form>

Jifunze Kwa Ushahidi

Mfano 2

Fomu ya HTML na orodha za kichwa:

<form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">Nimeka na mabicyki</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">Nimeka na michezo</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">Nimeka na msikiko</label><br><br>
  <input type="submit" value="Kubadilisha">
</form>

Jifunze Kwa Ushahidi

Mfano 3

Mfano 3

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">JavaScript</label><br><br>
  <input type="submit" value="Kubadilisha">
</form>

Jifunze Kwa Ushahidi

Mafaniko

Mafaniko Wabaya Maelezo
accept-charset Chaji Inasababisha kusikitisha nia ya kina kwenye hatua ya kusababisha data ya forms
action URL Inasababisha kusikitisha kilele cha data ya forms kwenye forms
autocomplete
  • on
  • off
 Inasababisha kusikitisha kina hatarini kwenye forms
enctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Inasababisha kusikitisha uharibifu wa data ya forms kwenye hatua ya kusababisha data ya forms
method
  • get
  • post
 Inasababisha kusikitisha uendeshaji wa HTTP uliotumika kwenye uharibifu wa forms
name Maelezo Inasababisha kusikitisha jina la forms
novalidate novalidate Inasababisha kusikitisha forms lililotumika
rel
  • external
  • help
  • license
  • next
  • nofollow
  • noopener
  • noreferrer
  • opener
  • prev
  • search
 Inasababisha kuzingatia uhusiano wa mafaniko na wasiaja wa sasa
target
  • _blank
  • _self
  • _parent
  • _top
 Inasababisha kuzingatia hali ya jibu lililopokezwa baada ya kuingia chombo cha forms

Mafaniko ya kawaida

<form> Tag ya huzina inadaiwa Mafaniko ya kawaida ya HTML。

Mafaniko wa kwenye HTML

<form> Tag ya huzina inadaiwa Mafaniko wa kwenye HTML。

默认的 CSS 设置

大多数浏览器将使用以下默认值显示 <form> Kifaa:

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

Jifunze Kwa Ushahidi

Matumizi ya Kifungu cha Kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Msaada Msaada Msaada Msaada Msaada