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

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

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

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

inputTextObject.size

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

inputTextObject.size = number

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Text 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>Text-size</legend> 
<label for="textSelect">Full Name: <input type="text" id="textSelect" 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 inputText = document.getElementById("textSelect"); 
    function increaseVisibility() { 
        inputText.size = 30; 
        divDisplay.textContent = 'Visibility Increased to '+inputText.size; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

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

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

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

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