HTML इनपुट रीडोनली एट्रिब्यूट का उपयोग इनपुट तत्व को अपरिवर्तनीय घोषित करने के लिए किया जाता है, हालांकि इसे अभी भी कॉपी किया जा सकता है।
आइए केवल पढ़ने के लिए इनपुट . का एक उदाहरण देखें संपत्ति -
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>Input Email readOnly</title>
<style>
form {
width:70%;
margin: 0 auto;
text-align: center;
}
* {
padding: 2px;
margin:5px;
}
input[type="button"] {
border-radius: 10px;
}
</style>
</head>
<body>
<form>
<fieldset>
<legend>Email-readOnly</legend>
<label for="EmailSelect">Contact Us :
<input type="email" id="EmailSelect" onclick="showErrorMsg()" value="[email protected]" readOnly>
</label>
<input type="button" onclick="showMessage()" value="Copy Email Id">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var divDisplay = document.getElementById("divDisplay");
var inputEmail = document.getElementById("EmailSelect");
divDisplay.textContent = 'Above email is read-only';
function showMessage() {
inputEmail.select();
document.execCommand('copy');
divDisplay.textContent = 'Email Copied: '+inputEmail.value;
}
function showErrorMsg(){
divDisplay.textContent +=', This cannot be edited.'
}
</script>
</body>
</html> यह निम्नलिखित आउटपुट उत्पन्न करेगा -
1) 'ईमेल आईडी कॉपी करें . पर क्लिक करने से पहले ' बटन -
2) 'हमसे संपर्क करें . पर क्लिक करना ईमेल फ़ील्ड -
3) 'ईमेल आईडी कॉपी करें . पर क्लिक करना ' -
