HTML DOM中的DOM Input Week readOnly屬性用於設置或返回Input Week字段是否為隻讀。可以複製但不能修改。
用法:
- 它返回readOnly屬性。
weekObject.readOnly
- 它用於設置readOnly屬性。
weekObject.readOnly = "true|false"
屬性值:
- true:它設置周字段的readOnly屬性。
- false:它是默認值。它定義星期字段不是隻讀的。
返回值:它返回一個布爾值,表示星期字段是否為隻讀。
示例1:本示例返回Input Week readOnly屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Week readOnly Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Week readOnly Property</h2>
<form id="myGeeks">
<input type="week" id="week_id" name="geeks" readOnly>
</form>
<br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:20px;"></p>
<!-- Script to return the readOnly property-->
<script>
function myGeeks() {
var gfg = document.getElementById("week_id").readOnly;
document.getElementById("GFG").innerHTML = gfg;
}
</script>
</body>
</html>
輸出
在單擊按鈕之前:
單擊按鈕後:
示例2:本示例說明了如何設置或更改readOnly屬性。
<!DOCTYPE html>
<html>
<head>
<title>
HTML DOM Input Week readOnly Property
</title>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Input Week readOnly Property</h2>
<form id="myGeeks">
<input type="week" id="week_id" name="geeks" readOnly>
</form>
<br>
<button onclick="myGeeks()">Click Here!</button>
<p id="GFG" style="font-size:20px;"></p>
<!-- Script to set the readOnly Property-->
<script>
function myGeeks() {
var gfg = document.getElementById("week_id");
gfg.readOnly = false;
var g = gfg.readOnly;
document.getElementById("GFG").innerHTML = g;
}
</script>
</body>
</html>
輸出:
在單擊按鈕之前:
單擊按鈕後:
支持的瀏覽器:下麵列出了DOM輸入Week readOnly屬性支持的瀏覽器:
- 穀歌瀏覽器
- Internet Explorer 10.0以上
- Firefox
- Opera
- Safari
注意:在Firefox中,輸入type =“ week”元素不顯示任何日期字段或日曆。
相關用法
- HTML Input URL readOnly用法及代碼示例
- HTML Input Month readOnly用法及代碼示例
- HTML Input Number readOnly用法及代碼示例
- HTML Input DatetimeLocal readOnly用法及代碼示例
- HTML Input Password readOnly用法及代碼示例
- HTML Input Text readOnly用法及代碼示例
- HTML Input Time readOnly用法及代碼示例
- HTML Input Datetime readOnly用法及代碼示例
- HTML Input Search readOnly用法及代碼示例
- HTML Input Date readOnly用法及代碼示例
- HTML Input Email readOnly用法及代碼示例
- HTML Input Week name用法及代碼示例
- HTML Input Week value用法及代碼示例
- HTML Input Week min用法及代碼示例
- HTML Input Week max用法及代碼示例
注:本文由純淨天空篩選整理自ManasChhabra2大神的英文原創作品 HTML | DOM Input Week readOnly Property。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。