摘要:一和作用元素的范圍不同屬性可以作用于所有的表單元素。二和對(duì)元素的作用程度不同屬性只是將元素設(shè)置為只讀,可以獲取焦點(diǎn)失去焦點(diǎn)。而屬性直接阻止對(duì)元素的一切操作。屬性則不影響提交問(wèn)題總結(jié)屬性規(guī)定輸入字段為只讀。屬性規(guī)定應(yīng)該禁用元素。
一、readonly和disabled作用元素的范圍不同
disabled屬性可以作用于所有的表單元素。
readonly屬性只對(duì)、、
readonly屬性只是將元素設(shè)置為只讀,可以獲取焦點(diǎn)、失去焦點(diǎn)。而disabled屬性直接阻止對(duì)元素的一切操作。
disabled屬性阻止對(duì)元素的一切操作,例如獲取焦點(diǎn),點(diǎn)擊事件等等。
readonly屬性只是將元素設(shè)置為只讀,其他操作正常。
表單元素在使用了disabled后,當(dāng)我們將表單以POST或GET的方式提交的話,這個(gè)元素的值不會(huì)被傳遞出去,
而readonly會(huì)將該值傳遞出去(readonly接受值更改可以回傳,disable接受改但不回傳數(shù)據(jù))
disabled屬性可以讓表單元素的值無(wú)法被提交。
readonly屬性則不影響提交問(wèn)題
readonly 屬性規(guī)定輸入字段為只讀。
只讀字段是不能修改的。不過(guò),用戶仍然可以使用 tab 鍵切換到該字段,還可以選中或拷貝其文本。
readonly 屬性可以防止用戶對(duì)值進(jìn)行修改,直到滿足某些條件為止(比如選中了一個(gè)復(fù)選框)。然后,需要使用 JavaScript 消除 readonly 值,將輸入字段切換到可編輯狀態(tài)。
readonly 屬性可與 或 配合使用。
disabled 屬性規(guī)定應(yīng)該禁用 input 元素。
被禁用的 input 元素既不可用,也不可點(diǎn)擊??梢栽O(shè)置 disabled 屬性,直到滿足某些其他的條件為止(比如選擇了一個(gè)復(fù)選框等等)。然后,就需要通過(guò) JavaScript 來(lái)刪除 disabled 值,將 input 元素的值切換為可用。
注釋:disabled 屬性無(wú)法與 一起使用。
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/54130.html
摘要:一和作用元素的范圍不同屬性可以作用于所有的表單元素。二和對(duì)元素的作用程度不同屬性只是將元素設(shè)置為只讀,可以獲取焦點(diǎn)失去焦點(diǎn)。而屬性直接阻止對(duì)元素的一切操作。屬性則不影響提交問(wèn)題總結(jié)屬性規(guī)定輸入字段為只讀。屬性規(guī)定應(yīng)該禁用元素。 showImg(https://segmentfault.com/img/bVbwrI1?w=945&h=398); 一、readonly和disabled作用...
摘要:和是用在表單中的兩個(gè)屬性,它們都能夠做到使用戶不能夠更改表單域中的內(nèi)容。但是它們之間有著微小的差別,總結(jié)如下只針對(duì)和有效,而對(duì)于所有的表單元素都有效,包括等。使用表單或傳遞時(shí)會(huì)被傳遞出去。但是的顯示效果是沒(méi)有灰化的。 Readonly和Disabled是用在表單中的兩個(gè)屬性,它們都能夠做到使用戶不能夠更改表單域中的內(nèi)容。但是它們之間有著微小的差別,總結(jié)如下: Readonly只針對(duì)in...
摘要:和是用在表單中的兩個(gè)屬性,它們都能夠做到使用戶不能夠更改表單域中的內(nèi)容。但是它們之間有著微小的差別,總結(jié)如下只針對(duì)和有效,而對(duì)于所有的表單元素都有效,包括等。使用表單或傳遞時(shí)會(huì)被傳遞出去。但是的顯示效果是沒(méi)有灰化的。 Readonly和Disabled是用在表單中的兩個(gè)屬性,它們都能夠做到使用戶不能夠更改表單域中的內(nèi)容。但是它們之間有著微小的差別,總結(jié)如下: Readonly只針對(duì)in...
摘要:和的區(qū)別表示只讀,只能用于文本框,不能修改內(nèi)容,它的值可以隨表單提交給服務(wù)器表示該元素不可用,不響應(yīng)事件,不能修改內(nèi)容。同時(shí)不響應(yīng)事件。通配選擇器屬性為的元素中,所有的子元素均采用該樣式。表示按照格式規(guī)則正常定位。1、企業(yè)應(yīng)用計(jì)算模式主要有:CS模式(客戶端/服務(wù)器)和BS模式(瀏覽器/服務(wù)器模式) 2、html:超文本標(biāo)記語(yǔ)言。以標(biāo)記和子標(biāo)記描述網(wǎng)頁(yè)元素?! ttp:超文本傳輸協(xié)議。 3...
摘要:本文首發(fā)于我的博客在前面兩篇文章你不知道的一和你不知道的二中大致介紹了一些方面比較隱晦的但又很實(shí)用的技巧。系列文章你不知道的一你不知道的二本文首發(fā)于我的博客 本文首發(fā)于我的博客 在前面兩篇文章《你不知道的CSS(一)》和《你不知道的CSS(二)》中大致介紹了一些CSS方面比較隱晦的但又很實(shí)用的技巧。相信這些技巧會(huì)為大家在項(xiàng)目實(shí)踐中帶來(lái)一定的幫助,本文作為《你不知道的CSS》系列的第三篇...
閱讀 1601·2019-08-30 13:18
閱讀 1583·2019-08-29 12:19
閱讀 2127·2019-08-26 13:57
閱讀 4151·2019-08-26 13:22
閱讀 1192·2019-08-26 10:35
閱讀 2997·2019-08-23 18:09
閱讀 2517·2019-08-23 17:19
閱讀 689·2019-08-23 17:18