Baseline Widely available *
HTML-ÑÐ»ÐµÐ¼ÐµÐ½Ñ <form>
пÑедÑÑавлÑÐµÑ Ñаздел докÑменÑа, ÑодеÑжаÑий инÑеÑакÑивнÑе ÑлеменÑÑ ÑпÑавлениÑ, коÑоÑÑе позволÑÑÑ Ð¾ÑпÑавлÑÑÑ Ð¸Ð½ÑоÑмаÑиÑ.
<form action="" method="get" class="form-example">
<div class="form-example">
<label for="name">Enter your name: </label>
<input type="text" name="name" id="name" required />
</div>
<div class="form-example">
<label for="email">Enter your email: </label>
<input type="email" name="email" id="email" required />
</div>
<div class="form-example">
<input type="submit" value="Subscribe!" />
</div>
</form>
form.form-example {
display: table;
}
div.form-example {
display: table-row;
}
label,
input {
display: table-cell;
margin-bottom: 10px;
}
label {
padding-right: 10px;
}
Ðожно иÑполÑзоваÑÑ CSS пÑевдоклаÑÑÑ :valid
и :invalid
Ð´Ð»Ñ ÑÑилизаÑии ÑлеменÑа <form>
, в завиÑимоÑÑи Ð¾Ñ Ñого, Ð²Ð°Ð»Ð¸Ð´Ð½Ñ Ð¸Ð»Ð¸ Ð½ÐµÑ ÑлеменÑÑ
внÑÑÑи ÑоÑмÑ.
Ðак и вÑе HTML-ÑлеменÑÑ, ÑÑÐ¾Ñ ÑÐ»ÐµÐ¼ÐµÐ½Ñ Ð¿Ð¾Ð´Ð´ÐµÑÐ¶Ð¸Ð²Ð°ÐµÑ Ð³Ð»Ð¾Ð±Ð°Ð»ÑнÑе аÑÑибÑÑÑ.
accept
СпиÑок Ñипов ÑодеÑжимого, ÑазделÑннÑÑ Ð·Ð°Ð¿ÑÑой, коÑоÑÑе пÑÐ¸Ð½Ð¸Ð¼Ð°ÐµÑ ÑеÑвеÑ.
ÐÑимеÑание: ÐÑÐ¾Ñ Ð°ÑÑибÑÑ Ð±Ñл ÑдалÑн в HTML5 и его не ÑледÑÐµÑ Ð±Ð¾Ð»ÑÑе иÑполÑзоваÑÑ. Ðзамен, иÑполÑзÑйÑе accept
аÑÑибÑÑ Ð·Ð°Ð´Ð°Ð½Ð½Ð¾Ð³Ð¾ <input>
ÑлеменÑа.
accept-charset
ÐодиÑовка Ñимволов пÑÐ¸Ð½Ð¸Ð¼Ð°ÐµÐ¼Ð°Ñ ÑеÑвеÑом. СпеÑиÑикаÑÐ¸Ñ Ð´Ð¾Ð¿ÑÑÐºÐ°ÐµÑ ÐµÐ´Ð¸Ð½ÑÑвенное ÑегиÑÑÑонезавиÑимое знаÑение "UTF-8"
, ÑÑо оÑÑÐ°Ð¶Ð°ÐµÑ Ð¿Ð¾Ð²ÑемеÑÑное ÑаÑпÑоÑÑÑанение ÑÑой кодиÑовки (иÑÑоÑиÑеÑки можно бÑло ÑказаÑÑ Ð½ÐµÑколÑко кодиÑовок Ñимволов в виде ÑпиÑка, ÑазделÑнного запÑÑÑми или пÑобелами).
action
URI-адÑÐµÑ Ð¿ÑогÑаммÑ, коÑоÑÐ°Ñ Ð¾Ð±ÑабаÑÑÐ²Ð°ÐµÑ Ð¸Ð½ÑоÑмаÑÐ¸Ñ Ð¿ÐµÑеданнÑÑ ÑеÑез ÑоÑмÑ. ÐÑо знаÑение Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÐµÑепиÑано Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð°ÑÑибÑÑа formaction
на <button>
или <input>
ÑлеменÑе.
autocomplete
УказÑваеÑ, могÑÑ Ð»Ð¸ ÑлеменÑÑ ÑпÑÐ°Ð²Ð»ÐµÐ½Ð¸Ñ Ð°Ð²ÑомаÑиÑеÑки бÑÑÑ Ð´Ð¾Ð¿Ð¸ÑÐ°Ð½Ñ Ð² ÑоÑме бÑаÑзеÑом. ÐÑа наÑÑÑойка Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÐµÑепиÑана Ñ Ð¿Ð¾Ð¼Ð¾ÑÑÑ Ð°ÑÑибÑÑа autocomplete
на ÑлеменÑе ÑоÑмÑ. ÐозможнÑе знаÑениÑ:
off
: ÐолÑзоваÑÐµÐ»Ñ Ð´Ð¾Ð»Ð¶ÐµÐ½ Ñвно ввеÑÑи знаÑение в каждое поле или докÑÐ¼ÐµÐ½Ñ Ð¿ÑедоÑÑÐ°Ð²Ð¸Ñ Ñвой ÑобÑÑвеннÑй меÑод авÑодополнениÑ; бÑаÑÐ·ÐµÑ Ð°Ð²ÑомаÑиÑеÑки не дополнÑÐµÑ Ð·Ð°Ð¿Ð¸Ñи.on
: ÐÑаÑÐ·ÐµÑ Ð¼Ð¾Ð¶ÐµÑ Ð°Ð²ÑомаÑиÑеÑки дополниÑÑ Ð·Ð½Ð°ÑениÑ, оÑнованнÑе на знаÑениÑÑ
, коÑоÑÑе полÑзоваÑÐµÐ»Ñ Ñже вводил, в ÑеÑение пÑедÑдÑÑего иÑполÑÐ·Ð¾Ð²Ð°Ð½Ð¸Ñ ÑоÑмÑ.
**ÐÑимеÑание:**ÐÑли Ð²Ñ ÑÑÑановили знаÑение
off
длÑ
autocomplete
аÑÑибÑÑа ÑоÑмÑ, из-за Ñого, ÑÑо докÑÐ¼ÐµÐ½Ñ Ð¿ÑедоÑÑавлÑÐµÑ ÑÐ²Ð¾Ñ ÑобÑÑвенное авÑодополнение, Ñо вам ÑледÑÐµÑ Ñакже ÑÑÑановиÑÑ Ð·Ð½Ð°Ñениеoff
длÑautocomplete
каждого<input>
ÑлеменÑа ÑоÑмÑ, коÑоÑÑе докÑÐ¼ÐµÐ½Ñ Ð¼Ð¾Ð¶ÐµÑ Ð°Ð²ÑомаÑиÑеÑки дополниÑÑ. ÐодÑобнее, ÑмоÑÑиÑе Google Chrome notes.
enctype
Ðогда знаÑение аÑÑибÑÑа method Ñавно post
, аÑÑибÑÑ - MIME Ñип ÑодеÑжимого, коÑоÑое иÑполÑзÑеÑÑÑ, ÑÑÐ¾Ð±Ñ Ð¿ÐµÑедаÑÑ ÑоÑÐ¼Ñ Ð½Ð° ÑеÑвеÑ. ÐозможнÑе знаÑениÑ:
application/x-www-form-urlencoded
: ÐнаÑение по ÑмолÑаниÑ, еÑли аÑÑибÑÑ Ð½Ðµ задан.multipart/form-data
: ÐÑполÑзÑйÑе ÑÑо знаÑение, еÑли полÑзÑеÑеÑÑ ÑлеменÑом <input>
аÑÑибÑÑом type
ÑÑÑановленнÑм в "file".text/plain (HTML5)
ÐÑо знаÑение Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÐµÑепиÑано аÑÑибÑÑом formenctype
на ÑлеменÑе <button>
или <input>
.method
HTTP меÑод, коÑоÑÑй бÑаÑÐ·ÐµÑ Ð¸ÑполÑзÑеÑ, Ð´Ð»Ñ Ð¾ÑпÑавки ÑоÑмÑ. ÐозможнÑе знаÑениÑ:
post
: СооÑвеÑÑÑвÑÐµÑ HTTP POST меÑÐ¾Ð´Ñ ; даннÑе из ÑоÑÐ¼Ñ Ð²ÐºÐ»ÑÑаÑÑÑÑ Ð² Ñело ÑоÑÐ¼Ñ Ð¸ поÑÑлаÑÑÑÑ Ð½Ð° ÑеÑвеÑ.get
: СооÑвеÑÑÑвÑÐµÑ GET меÑодÑ; даннÑе из ÑоÑÐ¼Ñ Ð´Ð¾Ð±Ð°Ð²Ð»ÑÑÑÑÑ Ðº URI аÑÑибÑÑа action
, иÑ
ÑазделÑÐµÑ '?', и полÑÑеннÑй URI поÑÑлаеÑÑÑ Ð½Ð° ÑеÑвеÑ. ÐÑполÑзÑйÑе ÑÑÐ¾Ñ Ð¼ÐµÑод, когда ÑоÑма ÑодеÑÐ¶Ð¸Ñ ÑолÑко ASCII ÑÐ¸Ð¼Ð²Ð¾Ð»Ñ Ð¸ не Ð¸Ð¼ÐµÐµÑ Ð¿Ð¾Ð±Ð¾Ñного ÑÑÑекÑа.ÐÑо знаÑение Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÐµÑепиÑано аÑÑибÑÑом formmethod
на <button>
или <input>
ÑлеменÑе.name
ÐÐ¼Ñ ÑоÑмÑ. Ð HTML 4 его иÑполÑзование запÑеÑено (id
ÑледÑÐµÑ Ð¸ÑполÑзоваÑÑ Ð²Ð·Ð°Ð¼ÐµÐ½). Ðно должно бÑÑÑ ÑникалÑнÑм и не пÑÑÑÑм ÑÑеди вÑеÑ
ÑоÑм в докÑменÑе в HTML 5.
novalidate
ÐÑо Boolean аÑÑибÑÑ Ð¿Ð¾ÐºÐ°Ð·ÑваеÑ, ÑÑо ÑоÑма не пÑовеÑÑеÑÑÑ Ð½Ð° валидноÑÑÑ, когда оÑпÑавлÑеÑÑÑ ÑеÑвеÑÑ. ÐÑли аÑÑибÑÑ Ð¿ÑопÑÑен (и поÑÑÐ¾Ð¼Ñ ÑоÑма пÑовеÑÑеÑÑÑ), ÑÑа наÑÑÑойка по ÑмолÑаниÑ, Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÐµÑепиÑана аÑÑибÑÑом formnovalidate
на <button>
или <input>
ÑлеменÑе, пÑинадлежаÑем ÑоÑме.
target
ÐÐ¼Ñ Ð¸Ð»Ð¸ клÑÑевое Ñлово, показÑваÑÑее где оÑобÑажаÑÑ Ð¾ÑвеÑ, коÑоÑÑй бÑÐ´ÐµÑ Ð¿Ð¾Ð»ÑÑен, поÑле оÑпÑавки ÑоÑмÑ. Ð HTML 4, ÑÑо Ð¸Ð¼Ñ Ð¸Ð»Ð¸ клÑÑевое Ñлово Ð´Ð»Ñ ÑÑейма. Ð HTML5, ÑÑо Ð¸Ð¼Ñ Ð¸Ð»Ð¸ клÑÑевое Ñлово, конÑекÑÑа пÑоÑмоÑÑа (напÑимеÑ, вкладка, окно, или линейнÑй ÑÑейм). СледÑÑÑие клÑÑевÑе Ñлова имеÑÑ ÑпеÑиалÑное знаÑение:
_self
: ÐагÑÑÐ¶Ð°ÐµÑ Ð¾ÑÐ²ÐµÑ Ð² Ñом же Ñамом ÑÑейме HTML 4 (или HTML5 конÑекÑÑе пÑоÑмоÑÑа) как ÑекÑÑий. ÐÑо знаÑение по ÑмолÑаниÑ, еÑли аÑÑибÑÑ Ð½Ðµ Ñказан._blank
: ÐагÑÑÐ¶Ð°ÐµÑ Ð¾ÑÐ²ÐµÑ Ð² новом безÑмÑнном окне HTML 4 или HTML5 конÑекÑÑе пÑоÑмоÑÑа._parent
: ÐагÑÑÐ¶Ð°ÐµÑ Ð¾ÑÐ²ÐµÑ HTML 4 в ÑодиÑелÑÑком набоÑе ÑÑейма Ð´Ð»Ñ ÑекÑÑего ÑÑейма или HTML5 ÑодиÑелÑÑкий конÑекÑÑ Ð¿ÑоÑмоÑÑа Ð´Ð»Ñ ÑекÑÑего пÑоÑмоÑÑа. ÐÑли Ð½ÐµÑ Ð¿Ñедка, ÑÑа опÑÐ¸Ñ Ð´ÐµÐ¹ÑÑвÑÐµÑ ÑоÑно Ñак же как as _self
._top
: HTML 4: ÐагÑÑÐ¶Ð°ÐµÑ Ð¾ÑÐ²ÐµÑ Ð² полное, оÑигиналÑное окно, закÑÑÐ²Ð°Ñ Ð²Ñе дÑÑгие ÑÑеймÑ. HTML5: ÐагÑÑÐ¶Ð°ÐµÑ Ð¾ÑÐ²ÐµÑ Ð² веÑÑ
ний ÑÑÐ¾Ð²ÐµÐ½Ñ ÐºÐ¾Ð½ÑекÑÑа пÑоÑмоÑÑа (Ñ.е., конÑекÑÑ Ð¿ÑоÑмоÑÑа ÑÑо пÑедок ÑекÑÑего и не Ð¸Ð¼ÐµÐµÑ Ð´ÑÑгиÑ
пÑедков). ÐÑли Ð½ÐµÑ Ð¿Ñедка, ÑÑа опÑÐ¸Ñ Ð´ÐµÐ¹ÑÑвÑÐµÑ ÑоÑно Ñак же как as _self
.HTML5: ÐÑо знаÑение Ð¼Ð¾Ð¶ÐµÑ Ð±ÑÑÑ Ð¿ÐµÑезапиÑано formtarget
аÑÑибÑÑом на <button>
или <input>
ÑлеменÑе.<!-- ÐÑоÑÑÐ°Ñ ÑоÑма, коÑоÑÐ°Ñ Ð¿Ð¾ÑлÑÑ GET запÑÐ¾Ñ -->
<form action="">
<label for="GET-name">Name:</label>
<input id="GET-name" type="text" name="name" />
<input type="submit" value="Save" />
</form>
<!-- ÐÑоÑÑÐ°Ñ ÑоÑма, коÑоÑÐ°Ñ Ð¿Ð¾ÑлÑÑ POST запÑÐ¾Ñ -->
<form action="" method="post">
<label for="POST-name">Name:</label>
<input id="POST-name" type="text" name="name" />
<input type="submit" value="Save" />
</form>
<!-- ФоÑма Ñ fieldset, legend, и label -->
<form action="" method="post">
<fieldset>
<legend>Title</legend>
<input type="radio" name="radio" id="radio" />
<label for="radio">Click me</label>
</fieldset>
</form>
ТеÑ
ниÑеÑÐºÐ°Ñ Ñводка ÐаÑегоÑÐ¸Ñ ÑодеÑжимого Flow content РазÑеÑÑнное ÑодеÑжимое Flow content, но не ÑодеÑжаÑий <form>
ÑлеменÑов ÐÑопÑÑк Ñега ÐеÑ. РоÑкÑÑваÑÑий и закÑÑваÑÑий Ñег Ð´Ð¾Ð»Ð¶Ð½Ñ Ð±ÑÑÑ. ÐоÑмаÑивнÑй докÑÐ¼ÐµÐ½Ñ HTML5, section 4.10.3 (HTML4.01, section 17.3) СпеÑиÑикаÑии СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами СмоÑÑиÑе Ñакже
<button>
, <datalist>
, <fieldset>
, <input>
, <label>
, <legend>
, <meter>
, <optgroup>
, <option>
, <output>
, <progress>
, <select>
, <textarea>
.RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4