HTML DOM Input URL readOnly প্রপার্টি

HTML DOM Input URL readOnly প্রপার্টি ইনপুট URL মডিফাই করা যাবে কিনা তা সেট বা রিটার্ন করে।

সিনট্যাক্স (Syntax)

বুলিয়ান মান পাওয়ার জন্য (Returning boolean value - true/false)

inputURLObject.readOnly

readOnly বুলিয়ান মান সেট করার জন্য (Setting readOnly to booleanValue)

inputURLObject.readOnly = booleanValue

বুলিয়ান মান (Boolean Values)

এখানে "booleanValue" নিম্নলিখিত موارد হতে পারে:

উদাহরণ (Example)

Input URL readOnly প্রপার্টির একটি উদাহরণ দেখুন:

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL 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>URL-readOnly</legend> 
<label for="URLSelect">Contact Us : <input type="url" id="URLSelect" onclick="showErrorMsg()" value="https://www.google.com" readOnly> </label> 
<input type="button" onclick="showMessage()" value="Copy URL"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Above URL is read-only'; 
    function showMessage() { 
        inputURL.select(); 
        document.execCommand('copy'); 
        divDisplay.textContent = 'URL Copied: '+inputURL.value; 
    } 
    function showErrorMsg(){ 
        divDisplay.textContent +=', This cannot be edited.'; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

এটি নিম্নলিখিত আউটপুট তৈরি করবে:

'Copy URL' বাটনে ক্লিক করার আগে:

'Contact Us' URL ফিল্ডে ক্লিক করলে:

'Copy URL' বাটনে ক্লিক করলে: