亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

directory search
Attributes accesskey (attribute) class (attribute) contenteditable (attribute) contextmenu (attribute) data-* (attribute) dir (attribute) draggable (attribute) dropzone (attribute) Global attributes hidden (attribute) id (attribute) itemid (attribute) itemprop (attribute) itemref (attribute) itemscope (attribute) itemtype (attribute) lang (attribute) slot (attribute) spellcheck (attribute) style (attribute) tabindex (attribute) title (attribute) translate (attribute) Elements a abbr address area article aside audio b base bdi bdo blockquote body br button canvas caption cite code col colgroup data datalist dd del details dfn dialog div dl dt em embed fieldset figcaption figure footer form h1 head header hr html i iframe img input input type="button" input type="checkbox" input type="color" input type="date" input type="datetime"-local input type="email" input type="file" input type="hidden" input type="image" input type="month" input type="number" input type="password" input type="radio" input type="range" input type="reset" input type="search" input type="submit" input type="tel" input type="text" input type="time" input type="url" input type="week" ins kbd label legend li link main map mark menu menuitem meta meter nav noscript object ol optgroup option output p param picture pre progress q rp rt rtc ruby s samp script section select slot small source span strong style sub summary sup table tbody td template textarea tfoot th thead time title tr track u ul var video wbr Miscellaneous Attributes Block-level elements CORS enabled image CORS settings attributes Element Inline elements Kinds of HTML content Link types Microdata Optimizing your pages for speculative parsing Preloading content Reference Supported media formats Using the application cache Obsolete acronym applet basefont big blink center command content dir element font frame frameset hgroup image input type="datetime" isindex keygen listing marquee nextid noframes plaintext strike tt xmp
characters

HTML <input>  元素被使用,以接受來(lái)自用戶(hù)的數(shù)據(jù),以創(chuàng)建基于web的表單交互控制。

Live示例

要了解<input>各種類(lèi)型的外觀,請(qǐng)嘗試編輯type以下可編輯實(shí)例中的屬性值; 您將在輸入時(shí)看到輸出更新。在每一種情況下,初始值(text)產(chǎn)生一個(gè)基本的文本輸入,但可以嘗試其它值,例如number,color,checkbox,radio,date,filemonth,passwordrange,或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-nationaltel-area-code,tel-localtel-local-prefix,tel-local-suffixtel-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)完成屬性和登錄字段。

autofocusHTML5這個(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屬性的值為radiocheckbox時(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)控制此功能。

formHTML5輸入元素與其關(guān)聯(lián)的表單元素(其表單所有者)。 該屬性的值必須是同一文檔中<form>元素的ID。 如果未指定此屬性,則此<input>元素必須是<form>元素的后代。 該屬性使您可以將<input>元素放置在文檔中的任何位置,而不僅僅是其表單元素的后代。 一個(gè)輸入只能與一個(gè)form相關(guān)聯(lián).format HTML5一個(gè)程序的URI,它處理輸入元素提交的信息,如果它是一個(gè)提交按鈕或圖像。 如果指定,它將覆蓋元素表單的action屬性owner.formenctypeHTML5如果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元素的表單所有者的屬性。

formmethodHTML5如果輸入元素是提交按鈕或圖像,則此屬性指定瀏覽器用于提交表單的HTTP方法??赡艿闹凳牵?/p>

  • post:表單中的數(shù)據(jù)包含在表單的正文中并發(fā)送到服務(wù)器。

  • get:來(lái)自表單的數(shù)據(jù)被附加到表單屬性URI,并帶有'?' 作為分隔符,并將生成的URI發(fā)送到服務(wù)器。當(dāng)表單沒(méi)有副作用并且只包含ASCII字符時(shí)使用此方法。

如果指定,則此屬性將覆蓋method元素的表單所有者的屬性。

formnovalidateHTML5如果輸入元素是提交按鈕或圖像,則此布爾屬性指定在提交表單時(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)鍵字具有特殊含義:formtargettarget

  • _ 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。

heightHTML5如果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)]有被正向斜線包圍。placeholderHTML5A向用戶(hù)提示可以在控件中輸入的內(nèi)容。占位符文本不得包含回車(chē)符或換行符。

注意:不要使用placeholder屬性而非<label>元素,它們的用途是不同的。<label>屬性描述了表單元素的作用(即,它指示了期望的信息類(lèi)型),并且該placeholder屬性是關(guān)于內(nèi)容應(yīng)該采取的格式的暗示。在某些情況下,placeholder屬性永遠(yuǎn)不會(huì)顯示給用戶(hù),所以如果沒(méi)有它,表單必須是可以理解的。

readonlyHTML5該屬性表示用戶(hù)不能修改控件的值。屬性的值是無(wú)關(guān)緊要的。如果您需要對(duì)輸入值進(jìn)行讀寫(xiě)訪問(wèn),請(qǐng)不要添加“只讀”屬性。如果type屬性的值是hidden, range, color, checkbox, radio, file或按鈕類(lèi)型(如buttonsubmit),則忽略它.requiredHTML5此屬性指定用戶(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屬性的值是radiocheckbox。

請(qǐng)注意,重新加載頁(yè)面時(shí),如果在重新加載之前更改了值,則Gecko和IE 將忽略HTML源中指定的值。widthHTML5如果type屬性的值是image,則此屬性定義為按鈕顯示的圖像的寬度。

非標(biāo)準(zhǔn)<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)已棄用。

autocapitalizeSafari 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ī)格

規(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)

Previous article: Next article: