HTML DOM Input Number disabled 屬性

2023-04-14 14:04 更新

Input Number 對象參考手冊Input Number 對象

實(shí)例

禁用 number 字段:

document.getElementById("myNumber").disabled = true;

結(jié)果輸出為:


嘗試一下 ?

定義和用法

disabled 屬性用于設(shè)置或者返回 number 字段是否被禁用。

使用 disabled 屬性的元素是不可用和不可點(diǎn)擊的。 禁用的元素在瀏覽器上通常顯示為灰色。

該屬性反映了 HTML disabled 屬性。

瀏覽器支持

Internet Explorer Firefox Opera Google Chrome Safari

所有主流瀏覽器都支持 disabled 屬性

注意： Internet Explorer 9及更早IE版本不支持使用 type="number" 屬性的 <input> 元素。

語法

返回 disabled 屬性：

numberObject.disabled

設(shè)置 disabled 屬性：

numberObject.disabled=true|false

屬性值

值 描述
true|false 描述 number 字段是否可用。
  • number 字段不可用
  • false -默認(rèn)。 number 字段可用

技術(shù)細(xì)節(jié)

返回值： 布爾值，如果 number 字段不可用返回true，否則返回false

更多實(shí)例

實(shí)例

查看 number 字段是否可用：

var x = document.getElementById("myNumber").disabled;
x輸出結(jié)果為：
true

嘗試一下 ?

實(shí)例

禁用或啟用 number 字段：

function disableBtn() {
    document.getElementById("myNumber").disabled = true;
}
function undisableBtn() {
    document.getElementById("myNumber").disabled = false;
}

嘗試一下 ?

相關(guān)頁面

HTML 參考手冊: HTML <input> disabled 屬性

Input Number 對象參考手冊Input Number 對象


以上內(nèi)容是否對您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號