HTML | DOM Input Week readOnly Property
Last Updated :
30 Aug, 2022
The DOM Input Week readOnly property in HTML DOM is used to set or return whether the Input Week Field should be read-only or not. It can be copied but can't be modified.
Syntax:
- It returns the readOnly property.
weekObject.readOnly
- It is used to set the readOnly property.
weekObject.readOnly = "true|false"
Property Values:
- true: It sets the readOnly property of week field.
- false: It is the default value. It defines the week field is not read-only.
Return Value: It returns a boolean value which represents the week field is read-only or not.
Example-1: This example returns the Input Week readOnly property.
html
<!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>
Output :
Before clicking on the button:
After clicking on the button:
Example-2: This Example illustrates how to set or change the readOnly property.
html
<!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>
Output:
Before clicking on the button:
After clicking on the button:
Supported Browsers: The browser supported by DOM input Week readOnly Property are listed below:
- Google Chrome 20 and above
- Edge 12 and above
- Opera 11 and above
Note: In Firefox, the input type="week" element does not show any date field or calendar.
Similar Reads
HTML DOM Input Tel readOnly Property The DOM Input tel readOnly property is used to set or return whether the tel field should be read-only or not. It means that a user cannot modify or changes the content already present in a particular element (However, a user can tab to it, highlight it, and copy the text from it) whereas a JavaScri
2 min read
HTML | DOM Input Time readOnly Property The DOM Input Time readOnly Property in HTML DOM is used to set or return whether the Time Field should be read-only or not. It means that a user can not modify or changes a content already present in a particular Element (However, a user can tab to it, highlight it, and copy the text from it) where
2 min read
HTML | DOM Input Text readOnly Property The Input Text readOnly property in HTML DOM is used to set or return whether a text field should be read-only or not. It means that a user can not modify or changes the content already present in a particular element (However, a user can tab to it, highlight it, and copy the text from it) whereas a
2 min read
HTML | DOM Input URL readOnly Property The DOM Input URL readOnly Property is used to set or return whether a URL Field should be read-only or not. It means that a user can not modify or changes the content already present in a particular Element (However, a user can tab to it, highlight it, and copy the text from it) whereas a JavaScrip
2 min read
HTML DOM Input Search readOnly Property The Input Search readOnly Property is used to set or return whether a search Field should be read-only or not. A read-only field can't be changed but can be selected, copied, and tabbed. It reflects the HTML readonly attribute. Syntax: It is used to return the readOnly propertysearchObject.readOnlyI
2 min read