?
This document uses PHP Chinese website manual Release
HTML <input>
元素被使用,以接受來(lái)自用戶(hù)的數(shù)據(jù),以創(chuàng)建基于web的表單交互控制。
要了解<input>
各種類(lèi)型的外觀,請(qǐng)嘗試編輯type
以下可編輯實(shí)例中的屬性值; 您將在輸入時(shí)看到輸出更新。在每一種情況下,初始值(text
)產(chǎn)生一個(gè)基本的文本輸入,但可以嘗試其它值,例如number
,color
,checkbox
,radio
,date
,file
,month
,password
,range
,或time
。
內(nèi)容類(lèi)別 | 流量?jī)?nèi)容,列出的,可提交的,可重置的,與形式相關(guān)的元素,措辭內(nèi)容。如果類(lèi)型不隱藏,則可標(biāo)記元素,可觸及的內(nèi)容。 |
---|---|
允許的內(nèi)容 | 沒(méi)有,這是一個(gè)空的元素。 |
標(biāo)記遺漏 | 必須有開(kāi)始標(biāo)簽,并且不得有結(jié)束標(biāo)簽。 |
允許父類(lèi) | 任何接受短語(yǔ)內(nèi)容的元素。 |
允許ARIA角色 | type=button: link, menuitem, menuitemcheckbox, menuitemradio, radio, switch, tab type=checkbox: button, menuitemcheckbox, option, switch type=image: link, menuitem, menuitemcheckbox, menuitemradio, radio, switch type=radio: menuitemradio type=color|date|datetime|datetime-local|email|file: None type=hidden|month|number|password|range|research: None type=search|submit|tel|text|url|week: None |
DOM界面 | HTMLInputElement |
type=button
: link
, menuitem
, menuitemcheckbox
, menuitemradio
, radio
, switch
, tab
type=checkbox
: button
, menuitemcheckbox
, option
, switch
type=image
: link
, menuitem
, menuitemcheckbox
, menuitemradio
, radio
, switch
type=radio
: menuitemradio
type=color|date|datetime|datetime-local|email|file
: None
type=hidden|month|number|password|range|research
: None
type=search|submit|tel|text|url|week
: None
DOM interface [`HTMLInputElement`](https://developer.mozilla.org/en-US/docs/Web/API/HTMLInputElement)
<input>
類(lèi)型<input>的工作方式根據(jù)其type屬性值的不同而有很大的不同,因此不同的類(lèi)型會(huì)在他們自己的單獨(dú)參考頁(yè)面中進(jìn)行介紹。 如果未指定此屬性,則采用的默認(rèn)類(lèi)型為文本。
可用的類(lèi)型如下所示:
button
:沒(méi)有默認(rèn)行為的按鈕。
checkbox
:允許選擇/取消選擇單個(gè)值的復(fù)選框。
color
:HTML5用于指定顏色的控件。除了接受簡(jiǎn)單的顏色作為文本顏色選擇器的用戶(hù)界面沒(méi)有要求的功能。
date
:HTML5用于輸入日期(年,月,日,無(wú)時(shí)間)的控件。
datetime-local
:HTML5用于輸入日期和時(shí)間的控件,不帶時(shí)區(qū)。
email
:HTML5用于編輯電子郵件地址的字段。
file
:讓用戶(hù)選擇文件的控件。使用accept屬性來(lái)定義控件可以選擇的文件類(lèi)型。
hidden
:未顯示但其值已提交給服務(wù)器的控件。
image
:一個(gè)圖形提交按鈕。您必須使用src屬性來(lái)定義圖像的來(lái)源,并使用alt屬性來(lái)定義替代文字。您可以使用高度和寬度屬性以像素為單位定義圖像的大小。
month
:HTML5用于輸入月份和年份的控件,沒(méi)有時(shí)區(qū)。
number
:HTML5用于輸入號(hào)碼的控件。
password
:其值被遮蔽的單行文本字段。使用maxlength屬性指定可以輸入的值的最大長(zhǎng)度。 注意:任何涉及密碼等敏感信息的表單(例如登錄表單)應(yīng)通過(guò)HTTPS提供; Firefox現(xiàn)在實(shí)現(xiàn)了多種機(jī)制來(lái)警告不安全的登錄表單 - 請(qǐng)參閱不安全的密碼。其他瀏覽器也在實(shí)施類(lèi)似的機(jī)制。
radio
:一個(gè)單選按鈕,允許從多個(gè)選項(xiàng)中選擇一個(gè)值。
range
:HTML5用于輸入精確值不重要的數(shù)字的控件。
reset
:一個(gè)按鈕,將表格的內(nèi)容重置為默認(rèn)值。
search
:HTML5用于輸入搜索字符串的單行文本字段。換行符會(huì)自動(dòng)從輸入值中刪除。
submit
:提交表單的按鈕。
tel
:HTML5用于輸入電話(huà)號(hào)碼的控件。
text
:?jiǎn)涡形谋咀侄?。換行符會(huì)自動(dòng)從輸入值中刪除。
time
:HTML5用于輸入沒(méi)有時(shí)區(qū)的時(shí)間值的控件。
url
:HTML5用于輸入U(xiǎn)RL的字段。
week
:HTML5用于輸入日期組成的日期的控件,該日期由沒(méi)有時(shí)區(qū)的周年數(shù)字和星期數(shù)字組成。
一些輸入類(lèi)型現(xiàn)在已經(jīng)過(guò)時(shí):
datetime
:HTML5 用于根據(jù)UTC時(shí)區(qū)輸入日期和時(shí)間(小時(shí),分鐘,秒和小數(shù)秒)的控件。此功能 已從WHATWG HTML中刪除。
<input>
屬性本節(jié)列出了可用于所有表單<input>
類(lèi)型的屬性。非全局屬性 - 以及在不同<input>
類(lèi)型中指定時(shí)具有不同行為的全局屬性- 會(huì)列在這些類(lèi)型的單獨(dú)頁(yè)面上。
注意:這包括全局HTML屬性。
type
要呈現(xiàn)的控件的類(lèi)型。請(qǐng)參閱各種類(lèi)型的表單<輸入>類(lèi)型,并提供有關(guān)每種類(lèi)型的更多信息的鏈接。accept
如果type屬性的值是file
,那么這個(gè)屬性將指示服務(wù)器接受的文件類(lèi)型,否則它將被忽略。該值必須是逗號(hào)分隔的唯一內(nèi)容類(lèi)型說(shuō)明符列表:
一個(gè)以STOP字符開(kāi)頭的文件擴(kuò)展名(U + 002E)。(如.jpg,.png,.doc)。
沒(méi)有擴(kuò)展名的有效MIME類(lèi)型。
audio/*
代表聲音文件。HTML5
video/*
代表視頻文件。HTML5
image/*
代表圖像文件。HTML5
accesskey
僅限HTML 4,自HTML5以來(lái)已過(guò)時(shí)用戶(hù)可按下以將輸入焦點(diǎn)切換到控件的單個(gè)字符。該屬性在HTML5中是全局的。HTML5此屬性指示控件的值是否可以由瀏覽器自動(dòng)完成。可能的值為:autocomplete
off
:用戶(hù)必須明確地為每個(gè)用途在該字段中輸入值,或者文檔提供自己的自動(dòng)完成方法。瀏覽器不會(huì)自動(dòng)完成條目。
on
:允許瀏覽器根據(jù)用戶(hù)在以前的使用中輸入的值自動(dòng)完成該值,但on
不提供關(guān)于用戶(hù)可能需要輸入什么類(lèi)型數(shù)據(jù)的更多信息。
name
: 全名。
honorific-prefix:
前綴或標(biāo)題(例如“先生”,“女士”,“博士”,“Mlle”)。
given-name
: 名字。
additional-name
: 中間名字。
family-name
: 姓。
honorific-suffix
:后綴(例如“Jr.”,“B.Sc.”,“MBASW”,“II”)。
nickname
email
username
new-password
:新密碼(例如,在創(chuàng)建帳戶(hù)或更改密碼時(shí))。
current-password
organization-title
:職稱(chēng)(如“軟件工程師”,“高級(jí)副總裁”,“副總經(jīng)理”)。
organization
street-address
address-line1
, address-line2
, address-line3
, address-level4
, address-level3
, address-level2
, address-level1
country
country-name
postal-code
cc-name
:支付工具上給出的全名。
cc-given-name
cc-additional-name
cc-family-name
cc-number
:識(shí)別支付工具的代碼(例如信用卡號(hào)碼)。
cc-exp:
支付工具的到期日期。
cc-exp-month
cc-exp-year
cc-csc
:支付工具的安全碼。
cc-type
:支付工具的類(lèi)型(例如Visa)。
transaction-currency
transaction-amount
language
: 首選語(yǔ)言; 一個(gè)有效的BCP 47語(yǔ)言標(biāo)簽。
bday
:生日
bday-day
bday-month
bday-year
sex
:性別認(rèn)同(例如女性,女性),自由形式的文本,沒(méi)有新行。
tel
:完整的電話(huà)號(hào)碼,包括國(guó)家代碼
額外的tel
變量:tel-country-code
,tel-national
,tel-area-code
,tel-local
,tel-local-prefix
,tel-local-suffix
,tel-extension
url
:與該字段相關(guān)的其他字段中的公司,人員,地址或聯(lián)系人信息對(duì)應(yīng)的主頁(yè)或其他網(wǎng)頁(yè)。
photo
:與該字段相關(guān)的其他字段中與公司,人員,地址或聯(lián)系信息相對(duì)應(yīng)的照片,圖標(biāo)或其他圖像。
如果未在輸入元素上指定autocomplete屬性,則瀏覽器將使用元素表單所有者的autocomplete屬性值<input>
。表單所有者可以是form
此<input>
元素是其后代的元素,也可以是其輸入元素的表單屬性指定其id的表單元素。有關(guān)更多信息,請(qǐng)參閱中的autocomplete
屬性<form>
。
該自動(dòng)完成屬性還控制是否Firefox會(huì),不像其他的瀏覽器,堅(jiān)持動(dòng)態(tài)禁用狀態(tài)及(如適用)動(dòng)態(tài)checkedness一個(gè)的<input>
整個(gè)頁(yè)面加載。持久性功能默認(rèn)啟用。設(shè)置autocomplete屬性的值以off
禁用此功能。即使autocomplete屬性通常不適用于<input>
其類(lèi)型,也可以使用。見(jiàn)bug 654072。
對(duì)于大多數(shù)現(xiàn)代瀏覽器(包括Firefox 38+,Google Chrome 34+,IE 11+),設(shè)置autocomplete屬性不會(huì)阻止瀏覽器的密碼管理器詢(xún)問(wèn)用戶(hù)是否要存儲(chǔ)登錄(用戶(hù)名和密碼)字段,以及如果他們同意,從下次用戶(hù)訪問(wèn)該頁(yè)面時(shí)自動(dòng)完成登錄。查看自動(dòng)完成屬性和登錄字段。
autofocus
HTML5這個(gè)布爾屬性允許您指定表單控件在頁(yè)面加載時(shí)應(yīng)該有輸入焦點(diǎn),除非用戶(hù)覆蓋它(例如通過(guò)鍵入不同的控件)。文檔中只有一個(gè)表單元素可以具有autofocus屬性,該屬性是布爾值。如果type屬性設(shè)置為hidden
(即不能自動(dòng)將焦點(diǎn)設(shè)置為隱藏控件),則不能應(yīng)用它。請(qǐng)注意,控件的聚焦可能發(fā)生在事件觸發(fā)之前DOMContentLoaded
。capture
當(dāng)type屬性的值為file
時(shí),此布爾屬性的存在表示使用媒體捕獲機(jī)制直接從設(shè)備環(huán)境捕獲媒體是首選。
checked
當(dāng)type屬性的值為radio
或checkbox
時(shí),此布爾屬性的存在表示該控件是默認(rèn)選中的,否則將被忽略。
與其他瀏覽器不同,F(xiàn)irefox默認(rèn)會(huì)在頁(yè)面加載時(shí)保持<input>的動(dòng)態(tài)選中狀態(tài)。 使用autocomplete屬性來(lái)控制此功能。
disabled
此布爾屬性指示表單控件不可用于交互。特別是,click
事件不會(huì)在禁用控件上發(fā)送。此外,禁用的控件的值不隨窗體一起提交。
與其他瀏覽器不同,F(xiàn)irefox默認(rèn)會(huì)在頁(yè)面加載時(shí)保持<input>的動(dòng)態(tài)禁用狀態(tài)。 使用autocomplete屬性來(lái)控制此功能。
form
HTML5輸入元素與其關(guān)聯(lián)的表單元素(其表單所有者)。 該屬性的值必須是同一文檔中<form>
元素的ID。 如果未指定此屬性,則此<input>
元素必須是<form>
元素的后代。 該屬性使您可以將<input>元素放置在文檔中的任何位置,而不僅僅是其表單元素的后代。 一個(gè)輸入只能與一個(gè)form
相關(guān)聯(lián).format
HTML5一個(gè)程序的URI,它處理輸入元素提交的信息,如果它是一個(gè)提交按鈕或圖像。 如果指定,它將覆蓋元素表單的action
屬性owner.formenctype
HTML5如果input元素是提交按鈕或圖像,則此屬性指定用于將表單提交到服務(wù)器的內(nèi)容的類(lèi)型。 可能的值是:
application/x-www-form-urlencoded
:如果未指定屬性,則為默認(rèn)值。
multipart/form-data
:如果您使用<input>
的type
屬性設(shè)置為的元素,請(qǐng)使用此值file
。
text/plain
如果指定了此屬性,它將覆蓋enctype
元素的表單所有者的屬性。
formmethod
HTML5如果輸入元素是提交按鈕或圖像,則此屬性指定瀏覽器用于提交表單的HTTP方法??赡艿闹凳牵?/p>
post
:表單中的數(shù)據(jù)包含在表單的正文中并發(fā)送到服務(wù)器。
get
:來(lái)自表單的數(shù)據(jù)被附加到表單屬性URI,并帶有'?' 作為分隔符,并將生成的URI發(fā)送到服務(wù)器。當(dāng)表單沒(méi)有副作用并且只包含ASCII字符時(shí)使用此方法。
如果指定,則此屬性將覆蓋method
元素的表單所有者的屬性。
formnovalidate
HTML5如果輸入元素是提交按鈕或圖像,則此布爾屬性指定在提交表單時(shí)不會(huì)驗(yàn)證表單。如果指定了此屬性,它將覆蓋novalidate
該元素的表單所有者的屬性。HTML5如果輸入元素是提交按鈕或圖像,則此屬性是一個(gè)名稱(chēng)或關(guān)鍵字,用于指示提交表單后收到的響應(yīng)的顯示位置。這是瀏覽上下文的名稱(chēng)或關(guān)鍵字(例如選項(xiàng)卡,窗口或內(nèi)聯(lián)框架)。如果指定了該屬性,它將覆蓋元素表單所有者的屬性。以下關(guān)鍵字具有特殊含義:formtarget
target
_ self
:將響應(yīng)加載到與當(dāng)前瀏覽環(huán)境相同的瀏覽環(huán)境中。如果未指定屬性,則此值為默認(rèn)值。
_blank
:將響應(yīng)加載到新的未命名瀏覽上下文中。
_parent
:將響應(yīng)加載到當(dāng)前父瀏覽上下文中。如果沒(méi)有父項(xiàng),該選項(xiàng)的行為方式與_self
。
_top
:將響應(yīng)加載到頂級(jí)瀏覽上下文中(即瀏覽上下文是當(dāng)前祖先的瀏覽上下文,并且沒(méi)有父代)。如果沒(méi)有父項(xiàng),該選項(xiàng)的行為方式與_self
。
height
HTML5如果type屬性的值是image
,則此屬性定義為按鈕顯示的圖像的高度。HTML5提示要顯示哪個(gè)鍵盤(pán)的瀏覽器。此屬性適用于type屬性的值為文本,密碼,電子郵件或網(wǎng)址的情況??赡艿闹凳牵?strong>inputmode
verbatim
:字母數(shù)字,非散文內(nèi)容,如用戶(hù)名和密碼。
latin
:使用用戶(hù)首選語(yǔ)言的拉丁文腳本輸入,并啟用文本預(yù)測(cè)等輸入輔助功能。用于人機(jī)交互,如搜索框。
latin-name
:拉丁文,但用于人名。
latin-prose
:拉丁文,但有更積極的打字艾滋病。用于即時(shí)消息或電子郵件等人與人之間的交流。
full-width-latin
:拉丁文散文,但用于用戶(hù)的輔助語(yǔ)言。
kana
:假名或romaji輸入,通常是平假名輸入,使用全角字符,支持轉(zhuǎn)換為漢字。用于日文文本輸入。
katakana
:片假名輸入,使用全角字符,支持轉(zhuǎn)換為漢字。用于日文文本輸入。
numeric
:數(shù)字輸入,包括數(shù)字0到9的鍵,用戶(hù)首選的千位分隔符以及用于指示負(fù)數(shù)的字符。用于數(shù)字代碼(例如信用卡號(hào)碼)。對(duì)于實(shí)際的數(shù)字,更喜歡使用<input type =“number”>
tel
:電話(huà)輸入,包括星號(hào)和英鎊鍵。如果可能,請(qǐng)使用<input type =“tel”>。
email
:電子郵件輸入。如果可能,請(qǐng)使用<input type =“email”>。
url
:網(wǎng)址輸入。如果可能,請(qǐng)使用<input type =“url”>。
listHTML5標(biāo)識(shí)要向用戶(hù)建議的預(yù)定義選項(xiàng)列表。該值必須是同一文檔中<datalist>
元素的ID。瀏覽器僅顯示該輸入元素的有效值的選項(xiàng)。當(dāng)類(lèi)型屬性的值為hidden
, checkbox
, radio
, file
或按鈕類(lèi)型時(shí),該屬性將被忽略.maxHTML5項(xiàng)目的最大值為(數(shù)字或日期時(shí)間)值,該值不得小于其最小值(最小屬性)值.maxlength如果type屬性的值是text
, email
, search
, password
, tel
,或 url
,則此屬性指定用戶(hù)可以輸入的最大字符數(shù)(以UTF-16代碼單位表示)。對(duì)于其他控件類(lèi)型,它被忽略。它可以超過(guò)size屬性的值。如果沒(méi)有指定,用戶(hù)可以輸入不限數(shù)量的字符。指定負(fù)數(shù)會(huì)導(dǎo)致默認(rèn)行為(即用戶(hù)可以輸入不限數(shù)量的字符)。僅當(dāng)屬性的值發(fā)生變化時(shí)才計(jì)算約束.minHTML5此項(xiàng)目的最?。〝?shù)字或日期時(shí)間)值,該值不得大于其最大值(max屬性)值.minlengthHTML5如果type屬性的值是text
, email
, search
, password
, tel
, 或 url
,此屬性指定用戶(hù)可以輸入的最少字符數(shù)(以Unicode代碼點(diǎn)數(shù))。對(duì)于其他控件類(lèi)型,將忽略它.multipleHTML5此布爾屬性指示用戶(hù)是否可以輸入多個(gè)值。此屬性適用于type屬性設(shè)置為電子郵件或文件的情況,否則它將被忽略.name控件的名稱(chēng),它以表單data.patternHTML5A提交的正則表達(dá)式來(lái)檢查控件的值。該模式必須匹配整個(gè)值,而不僅僅是一些子集。使用title屬性來(lái)描述模式以幫助用戶(hù)。此屬性適用于type屬性值為text
, email
, search
, password
, tel
, 或url
的情況,否則將被忽略。正則表達(dá)式語(yǔ)言與JavaScript RegExp算法相同,其中'u'
參數(shù)使得它將模式視為一系列unicode代碼點(diǎn)。該模式?jīng)]有被正向斜線包圍。placeholder
HTML5A向用戶(hù)提示可以在控件中輸入的內(nèi)容。占位符文本不得包含回車(chē)符或換行符。
注意:不要使用placeholder
屬性而非<label>
元素,它們的用途是不同的。<label>
屬性描述了表單元素的作用(即,它指示了期望的信息類(lèi)型),并且該placeholder
屬性是關(guān)于內(nèi)容應(yīng)該采取的格式的暗示。在某些情況下,placeholder
屬性永遠(yuǎn)不會(huì)顯示給用戶(hù),所以如果沒(méi)有它,表單必須是可以理解的。
readonly
HTML5該屬性表示用戶(hù)不能修改控件的值。屬性的值是無(wú)關(guān)緊要的。如果您需要對(duì)輸入值進(jìn)行讀寫(xiě)訪問(wèn),請(qǐng)不要添加“只讀”屬性。如果type屬性的值是hidden
, range
, color
, checkbox
, radio
, file
或按鈕類(lèi)型(如button
或submit
),則忽略它.required
HTML5此屬性指定用戶(hù)必須在提交表單之前填寫(xiě)值。當(dāng)隱藏類(lèi)型為hidden
, image
或按鈕類(lèi)型(submit
, reset
, 或button
)時(shí),不能使用它。 The:optional
和:required
的CSS偽類(lèi)將適用于該字段.selectionDirectionHTML5選擇發(fā)生的方向。
如果選擇是從左到右在LTR語(yǔ)言環(huán)境中進(jìn)行,或者從RTL語(yǔ)言環(huán)境中的從右到左進(jìn)行,則選擇“向前”;如果選擇是在相反方向進(jìn)行,則選擇"forward"
。在可能不知道該值的平臺(tái)上,值可以是“無(wú)”;例如,在macOS上,默認(rèn)方向?yàn)?code>"backward",然后當(dāng)用戶(hù)開(kāi)始使用鍵盤(pán)修改選擇時(shí),這將改變以反映選擇展開(kāi)的方向.selectionEnd將元素的文本內(nèi)容偏移到最后選擇的字符。
如果沒(méi)有選擇,則此值指示當(dāng)前文本輸入光標(biāo)位置后面的字符的偏移量(即下一個(gè)輸入的字符將占據(jù)的位置).selectionStart第一個(gè)選定字符的元素文本內(nèi)容的偏移量。如果沒(méi)有選擇,則此值指示當(dāng)前文本輸入光標(biāo)位置(即下一個(gè)輸入的字符將占用的位置)后字符的偏移量.size控件的初始大小。該值以像素為單位,除非type屬性的值是文本或密碼,在這種情況下,它是整數(shù)個(gè)字符。從HTML5開(kāi)始,僅當(dāng)type屬性設(shè)置為text
, search
, tel
, url
, email
, 或password
時(shí),此屬性才適用,否則將忽略它。另外,尺寸必須大于零。如果您不指定大小,則使用默認(rèn)值20。 HTML5只是聲明“用戶(hù)代理應(yīng)確保至少有許多字符可見(jiàn)”,但不同的字符在某些字體中可能具有不同的寬度。在某些瀏覽器中,即使大小至少定義為x,某個(gè)具有x個(gè)字符的字符串也不會(huì)完全可見(jiàn)。xspellcheckHTML5將此屬性的值設(shè)置為true表示該元素需要檢查其拼寫(xiě)和語(yǔ)法。缺省值表示該元素將根據(jù)默認(rèn)行為進(jìn)行操作,可能基于父元素自己的拼寫(xiě)檢查值。值為false表示不應(yīng)檢查該元素。如果type
屬性的值為image
,則此屬性指定要在圖形提交按鈕上顯示的圖像位置的URI,否則將忽略它.stepHTML5Works with min和最大屬性來(lái)限制可以設(shè)置數(shù)字或日期時(shí)間值的增量。它可以是字符串任意或正數(shù)的浮點(diǎn)數(shù)。如果此屬性未設(shè)置為任何值,則控件僅接受大于步驟值的倍數(shù)的值,該值大于HTML 4中特定的minimum.tabindex元素,HTML5中的全局值當(dāng)前文檔的標(biāo)簽導(dǎo)航順序中元素的位置。僅使用mapHTML 4,自HTML5以來(lái)已過(guò)時(shí)用作圖像映射的<map>
元素的名稱(chēng).value控件的初始值。該屬性是可選的,除非type
屬性的值是radio
或checkbox
。
請(qǐng)注意,重新加載頁(yè)面時(shí),如果在重新加載之前更改了值,則Gecko和IE 將忽略HTML源中指定的值。width
HTML5如果type屬性的值是image
,則此屬性定義為按鈕顯示的圖像的寬度。
<input>
屬性autocapitalize
是Chrome和iOS Safari Mobile 使用的非標(biāo)準(zhǔn)屬性,用于控制是否以及如何在文本值由用戶(hù)輸入/編輯時(shí)自動(dòng)大寫(xiě)。iOS 5及更高版本中提供了不推薦使用的值??赡艿闹凳牵?/p>
none
:完全禁用自動(dòng)大寫(xiě)。
sentences
:自動(dòng)大寫(xiě)句子的第一個(gè)字母。
words
:自動(dòng)大寫(xiě)單詞的第一個(gè)字母。
characters
:自動(dòng)大寫(xiě)所有字符。
on
:自iOS 5以來(lái)已棄用。
off
:自iOS 5以來(lái)已棄用。
autocapitalize
Safari HTML參考中的文檔。autocorrect
是Safari支持的非標(biāo)準(zhǔn)屬性,用于控制在用戶(hù)輸入/編輯文本值時(shí)是否應(yīng)啟用自動(dòng)更正<input>
。可能的屬性值是:
on
:?jiǎn)⒂米詣?dòng)更正。
off
:禁用自動(dòng)更正。
Safari HTML Reference中的autocorrect
文檔.incremental
這是WebKit(Safari)和Blink(Chrome)支持的非標(biāo)準(zhǔn)屬性,僅適用于search
類(lèi)型。如果該屬性存在,則無(wú)論其值是什么,<user>在用戶(hù)編輯文本值時(shí)觸發(fā)search
事件。該事件僅在自最近一次按鍵操作后執(zhí)行定義的超時(shí)后觸發(fā),并且新鍵擊會(huì)重置超時(shí)。換句話(huà)說(shuō),事件發(fā)射被消除。如果該屬性不存在,則只有在用戶(hù)明確啟動(dòng)搜索時(shí)才會(huì)觸發(fā)搜索事件(例如,在字段內(nèi)按下Enter鍵)。 Safari HTML Referencemozactionhint中的增量文檔指定用于確定如何在具有虛擬鍵盤(pán)的移動(dòng)設(shè)備上標(biāo)記輸入密鑰的“操作提示”。支持的值是go
, done
, next
, search
, 和 send
。這些會(huì)自動(dòng)映射到適當(dāng)?shù)淖址⑶也粎^(qū)分大小寫(xiě).results這是Safari支持的非標(biāo)準(zhǔn)屬性,僅適用于search
類(lèi)型。它用于控制應(yīng)在過(guò)去的search
查詢(xún)的<input>的本機(jī)下拉列表中顯示的最大條目數(shù)。它的值應(yīng)該是一個(gè)非負(fù)十進(jìn)制整數(shù).webkitdirectoryThis Boolean屬性指示type屬性是文件時(shí)使用的選擇器是否只允許選擇目錄.x-moz-errormessage
Mozilla擴(kuò)展允許您指定錯(cuò)誤消息以在一個(gè)字段沒(méi)有成功驗(yàn)證。
您可以在<input>
在覆蓋每個(gè)單獨(dú)類(lèi)型的頁(yè)面上找到多個(gè)元素使用示例- 請(qǐng)參閱表單<input>類(lèi)型,還可以參閱文章頂部的Live示例。
規(guī)范 | 狀態(tài) | 評(píng)論 |
---|---|---|
HTML Living Standard該規(guī)范中'<input>'的定義。 | 水平 | |
HTML媒體捕獲該規(guī)范中'<輸入捕獲>'的定義。 | 候選推薦 | 添加捕獲元素 |
HTML5該規(guī)范中'<input>'的定義。 | 建議 | |
HTML 4.01規(guī)范該規(guī)范中'<form>'的定義。 | 建議 |
特征 | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|
Basic support | 1.0 | 1.0 (1.7 or earlier) | (Yes) | 1.0 | 1.0 |
type="color" | 21.0 | 29.0 (29.0) | No support | 11.01 | No support |
type="email", type="number", type="range", type="search", type="tel", type="url" | (Yes) | (Yes) | 10 | (Yes) | (Yes) |
type="datetime-local", type="month", type="week" | 20 | No support | No support | 10.62 | (Yes)2 |
type="date", type="time" | 20 | No support1 | No support | 10.62 | (Yes)2 |
type="datetime" | No support5 | No support5 | No support5 | No support5 | No support5 |
accept | (Yes) | (Yes) | 10 | ? | No support |
mozactionhint | No support | 4.0 (2.0) | No support | No support | No support |
autocapitalize | 43 | ? | ? | ? | (Yes) 4 |
autofocus, max, min, pattern, placeholder, required, step, list, multiple | 5.0 | (Yes) | 10 | 9.6 | 5.0 |
capture | Chrome for Android (0.16) | ? | ? | ? | ? |
fakepath added to file input values | (Yes) | 53 (53) | (Yes) | (Yes) | (Yes) |
form, formaction, formenctype, formmethod, formnovalidate, formtarget | 9.0 | 4.0 (2.0) | 10 | 10.62 | ? |
incremental | (Yes) | No support | No support | No support | (Yes) |
inputmode | No support | No support | No support | No support | No support |
minlength | 40.0 | ? | ? | ? | ? |
readonly | 1.0 | 1.0 (1.7 or earlier) | 63 | 1.0 | 1.0 |
spellcheck | 10.0 | 3.6 (1.9.2) | 10 | 11.0 | 4.0 |
webkitdirectory | (Yes) | 49.0 (49.0) | ? | (Yes) | (Yes) |
特征 | Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
---|---|---|---|---|---|
Basic support | (Yes) | 4.0 (2.0) | (Yes) | (Yes) | (Yes) |
type="color" | ? | 27.0 (27.0) | ? | (Yes) | ? |
type="email", type="number", type="range", type="search", type="tel", type="url" | (Yes) | (Yes) | ? | (Yes) | (Yes) |
type="date", type="datetime-local", type="month", type="time", type="week' | (Yes) | (Yes) | ? | (Yes) | (Yes) |
type="datetime" | No support5 | No support5 | No support5 | No support5 | No support5 |
accept | (Yes) | (Yes) | ? | (Yes) | (Yes) |
autocapitalize | ? | ? | ? | ? | (Yes)4 |
autofocus, max, min, pattern, placeholder, required, step, list, multiple | (Yes) | (Yes)6 | ? | (Yes) | (Yes) |
capture | 3.0 | 10.0 (10.0) | ? | ? | 6.0 |
fakepath added to file input values | (Yes) | 53.0 (53) | (Yes) | (Yes) | (Yes) |
form, formaction, formenctype, formmethod, formnovalidate, formtarget | ? | ? | ? | ? | ? |
minlength | ? | No support | ? | 27.0 | ? |
spellcheck | ? | 4.0 (2.0) | ? | 11.0 | ? |
webkitdirectory | (Yes) | 49.0 (49.0) | ? | (Yes) | (Yes) |