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

HTML DOM Input URL autofocus প্রপার্টি ইনপুট URL প্রাথমিক পেজ লোডে ফোকাস হবে কিনা তা সেট বা রিটার্ন করে।

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

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

inputURLObject.autofocus

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

inputURLObject.autofocus = booleanValue

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

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

booleanValue	বিবরণ
True	পেজ লোডে ইনপুট অটোফোকাস হবে বলে সংজ্ঞায়িত করে।
False	ডিফল্ট মান এবং ইনপুট অটোফোকাস হবে না।

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL autofocus</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-autofocus</legend> 
<label for="URLSelect">URL : <input type="url" id="URLSelect" placeholder="https://www.google.com" autofocus> </label> 
<input type="button" onclick="removeAutofocus()" value="Remove Autofocus"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Autofocus: '+inputURL.autofocus; 
    function removeAutofocus() { 
        inputURL.autofocus = false; 
        divDisplay.textContent = 'Autofocus: '+inputURL.autofocus; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Remove Autofocus' বাটনে ক্লিক করার আগে:

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

'Remove Autofocus' বাটনে ক্লিক করার পর:

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