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

Input URL size প্রপার্টি ইনপুট URL-এর size প্রপার্টি ফেরত দেয় বা সেট করে। যদি সংজ্ঞায়িত না থাকে তবে এটি '20' ফেরত দেয়।

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

size অ্যাট্রিবিউট পাওয়ার জন্য (Returning size attribute)

inputURLObject.size

size প্রপার্টি সংখ্যায় সেট করার জন্য (Set size property to a number)

inputURLObject.size = number

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL size</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-size</legend> 
<label for="URLSelect">URL: <input type="url" id="URLSelect" size="10"> </label><br> 
<input type="button" onclick="increaseVisibility()" value="Increase Visibility"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    function increaseVisibility() { 
        inputURL.size = 30; 
        divDisplay.textContent = 'Visibility Increased to '+inputURL.size; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Increase Visibility' বাটনে ক্লিক করার আগে:

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

'Increase Visibility' বাটনে ক্লিক করার পর:

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