Latest web development tutorials

HTML DOM Input Number readOnly 屬性

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

實例

設置number 字段為只讀：

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

輸出結果：


嘗試一下»

定義和用法

readOnly 屬性用於設置或者返回number 字段是否為只讀。

只讀字段不能修改。 但是可以復制該字段的內容。

該屬性反映了HTML readonly 屬性。

提示：為了確保表單數據的準確性，可以使用disabled屬性替代。

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

語法

返回readOnly 屬性：

numberObject .readOnly

設置readOnly 屬性：

numberObject .readOnly=true|false

屬性值

值 描述
true|false 描述了 number 字段是否只读
  • true - true - number 字段为只读
  • false - 默认。 number 字段不是只读

技術細節

返回值： 布爾值，如果number 字段為只讀返回true，否則返回false。

更多實例

實例

查看number 字段是否為只讀：

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

嘗試一下»

相關頁面

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

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