form img a input 由表及里

<form>

accept-charset

由空格作為分隔符的包含了服務器支持的字符串編碼的列表。默認值為unknown,也即包含這個form元素的文檔相同的編碼。

action

一個處理這個form信息的程序所在的url(后端接口),這個值可以被<button>或者<input>元素中的formaction屬性覆蓋。

autocomplete

用于指示input元素是否擁有一個由瀏覽器自動補全的默認值。這個值可以被屬于這個form的子元素的autocomplete屬性覆蓋。取值有on和off。

enctype

當method屬性值為post時,enctype是提交給服務器的內(nèi)容的MIME類型。可取的值有:application/x-www/form-urlencoded(默認)、mutipart/form-data(用于type=file)、text/plain(HTML5)。這個值可以被或者元素中的formenctype屬性覆蓋。

method

瀏覽器使用這種HTTP方法提交form,可取的值有post get。這個值可以被<button>或者<input>元素中的formmethod屬性覆蓋。

name

在HTML5中,name必須唯一而不僅僅是一個空字符串。

target

規(guī)定表單提交后,用戶收到的回復顯示在何處,值同a標簽target屬性值。這個值可以被<button>或者<input>元素中的formmethod屬性覆蓋。

--------------------------------------------------------------------------------------------------------------------

<img>

alt

定義了描述圖像的替換文本

crossorigin

該枚舉屬性是否必須使用CORS完成相關圖像的抓取,可取的值有anonymous?use-credentials。未顯示設置該屬性時,默認不使用CORS發(fā)起請求。

height

圖像的高度,在HTML5中的單位是css像素。

sizes

表示資源大小的以逗號隔開的一個或多個字符串。每一個資源大小包括:一個媒體文件和一個資源尺寸的值。

src

srcset

以逗號分隔的一個或多個字符串列表表明一系列用戶代理可能使用的圖像。每一個字符串由以下組成:一個圖像的URL&一個寬度描述符 一個像素密度符(可選)。是HTML5的

width

圖像的寬度。

usemap

--------------------------------------------------------------------------------------------------------------------

<a>

download

此屬性指示瀏覽器下載URL而不是導航到它。因此將提示用戶將其保存為本地文件。如果屬性有一個值,那么它將在Save提示符中作為預填充的文件名使用

href

包含超鏈接指向的URL或URL片斷。

hreflang

該屬性用于指定鏈接文檔的人類語言。

rel

該屬性指定了目標對象到鏈接對象的關系。該值是空格分割的列表類型值。常用rel="nofollow"取消搜索引擎對內(nèi)容的爬取。

target

該屬性指定在何處顯示鏈接的資源。

type

該屬性指定在一個MIME type鏈接目標的形式的媒體類型。

錨點標簽常常通過將href屬性設置為‘#’或‘JavaScript:void(0)’來創(chuàng)造一個能阻止頁面刷新的偽按鈕的方式。建議使用<button>代替。

--------------------------------------------------------------------------------------------------------------------

<input>

type

可用的值:button checkbox color date datetime datetime-local emial file hidden image month number password radio range reset search submit tel text time url week

autocomplete

這個屬性表示這個空間的值是否可被瀏覽器自動填充。如果type屬性的值是hidden checkbox radio file?或為按鈕類型button submit reset image,則本屬性被忽略??扇〉闹担簅ff on name given-name family-name email username current-password country tel photo等。

autofocus

這個布爾屬性允許您指定的表單控件在頁面加載時具有焦點,文檔中只有一個表達元素可以具有autofocus屬性,如果type屬性設置為隱藏則不能應用。

autosave?

這個屬性的取值是唯一的,如果type屬性值為search,在頁面重新加載之后下拉列表會存有之前的搜索項。

checked?

如果該元素的type屬性的值為radio或者checkbox,則該布爾屬性的存在與否表明了該控件是否是默認選擇狀態(tài)。

disabled

這個布爾屬性表示此表單控件不可用。在禁用的控件中,click事件將不會被分發(fā)。禁用控件的值在提交表單時也不會被提交。如果type屬性為hidden,此屬性將被忽略。

form

如果要指定form元素外的input元素的從屬關系,可用通過該屬性設置為需要關聯(lián)的form元素的id。

formaction

在type類型為submit或者image的情況下,起設置處理input提交內(nèi)容的URI作用。設置后會覆蓋所屬表單的action屬性。

formenctype

如果type類型為submit或者image,該屬性明確了向服務器提交內(nèi)容的類別??扇〉闹涤校篴pplication/x-www-form-urlencoded(默認值)|?mutilpart/form-data(type為file時使用)|?text/plain。該屬性設置后會覆蓋其從屬form元素的enctype值。

formmethod

在type類型為submit或者image的情況下,該屬性定義了瀏覽器提交表單的HTTP方法??扇〉闹涤校簆ost get。

formnovalidate

在type類型為submit或者image的情況下,該布爾屬性定義了該表單在提交是否會被驗證。該屬性被定義時,會覆蓋其從屬form元素的novalidate屬性。

formtarget

定義在何處顯示提交成功后的返回值。可取的值有:_slef | _blank | _parent | _top。

height

如果type屬性的值是image,這個屬性定義了按鈕圖片的高度。

max

此項目的最大(數(shù)字或日期時間)值,且不得小于其最小值(min屬性)值。

maxlength

當type值為text | email | search | password | tel | url 時,該屬性指明了用戶最多可以輸入的字符個數(shù),其他類型會被忽略。

min

此項目的最小(數(shù)字或日期時間)值,且不得大于其最大值(min屬性)值。

mutiple

在type值為email ?| file 時,定義用戶能否輸入多個值。

name

控件的名稱,與表單數(shù)據(jù)一起提交。

pattern

當type值為text | search | tel |url email?時,檢查控件值的正則表達式。pattern必須匹配整個值,而不僅僅是某些子集。

placeholder

當type屬性為text | search | tel | url |email?時,起提示用戶輸入框的作用,用于提示的占位符文本不能包含回車或換行。

readonly

這個布爾屬性用于指明用戶無法修改空間的值。

required

該屬性指定用戶在提交表單之前必須為該元素填充值??梢院?optional :required?css偽元素配合使用。

size

控件的初始大小,以像素為單位。當type值為text password時,他表示輸入的字符的長度。

從HTML5開始,此屬性僅適用type值為 text | search | tel | url | email | password。未指定大小,則默認為20。

spellcheck

將此屬性的值設置為true表示元素需要檢查其拼寫和語法。值default表示該元素將根據(jù)默認行為進行操作,可能基于父元素自己的spellcheck值。值false表示不應該檢查元素。

src

如果type值為image,該屬性指定按鈕圖片的路徑。

step

設置min和max屬性的值增量。可以是任意字符串或是正浮點數(shù)。

tabindex

元素在當前文檔的Tab導航順序中的位置。

value

控件的初始值。type為radio和checkbox時必須設置。

width

如果type屬性的值是image,這個屬性定義了按圖片的寬度 。

EOF

最后編輯于
?著作權歸作者所有,轉載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • HTML 5 HTML5概述 因特網(wǎng)上的信息是以網(wǎng)頁的形式展示給用戶的,因此網(wǎng)頁是網(wǎng)絡信息傳遞的載體。網(wǎng)頁文件是用...
    阿啊阿吖丁閱讀 4,952評論 0 0
  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,568評論 19 139
  • ??JavaScript 最初的一個應用,就是分擔服務器處理表單的責任,打破處處依賴服務器的局面。 ??盡管目前的...
    霜天曉閱讀 763評論 0 3
  • 七、直接溝通的能力 當溝通的基礎建立在主動傾聽和強有力問題上時,員工確定直接溝通而產(chǎn)生的反饋是被尊重和恰當?shù)?。企業(yè)...
    程锘gr閱讀 115評論 0 0
  • 06219王婷婷 著:康娜莉婭·莫得·斯貝蔓 繪:凱茜·帕金森 譯:黃雪妍 害怕是每個人都有的感覺,有時看到小朋友...
    06219王婷婷閱讀 378評論 0 0

友情鏈接更多精彩內(nèi)容