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

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

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

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

inputURLObject.maxLength

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

inputURLObject.maxLength = number

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL maxLength</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 id="Google"> 
<fieldset> 
<legend>URL-maxLength</legend> 
<label for="URLSelect">URL : <input type="url" id="URLSelect" maxLength="10"> </label> 
<input type="button" onclick="logIN()" value="Log In"> 
<input type="button" onclick="changeMaxLength()" value="Change Maxlength"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    divDisplay.textContent = 'Maxlength: '+inputURL.maxLength; 
    function changeMaxLength() { 
        inputURL.maxLength += 10; 
        divDisplay.textContent = 'Maxlength: '+inputURL.maxLength; 
    } 
    function logIN(){ 
        if(inputURL.value !== '') 
            divDisplay.textContent = 'Could not identify url, Redirecting to '+inputURL.form.id; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Change Maxlength' বাটনে ক্লিক করার আগে:

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

'Change Maxlength' বাটনে ক্লিক করার পর:

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

ইমেইল ইনপুট সেট করে 'Log In' বাটনে ক্লিক করলে:

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