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

Input URL required প্রপার্টি নির্ধারণ করে যে ইনপুট URL বাধ্যতামূলকভাবে সেট করতে হবে কিনা।

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

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

inputURLObject.required

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

inputURLObject.required = booleanValue

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

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

booleanValue	বিবরণ
True	ফর্ম সাবমিট করার জন্য URL ফিল্ড বাধ্যতামূলকভাবে সেট করতে হবে।
False	ডিফল্ট মান এবং URL ফিল্ড সেট করা বাধ্যতামূলক নয়।

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL required</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-required</legend> 
<label for="URLSelect">URL: <input type="url" id="URLSelect" required> </label><br> 
<input type="button" onclick="showMessage()" value="Go"> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputURL = document.getElementById("URLSelect"); 
    function showMessage() { 
        if(inputURL.required === true && inputURL.value === '') 
            divDisplay.textContent = 'Cannot Redirect: URL is Required'; 
        else 
            divDisplay.textContent = 'Redirecting...'; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

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

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

URL ফিল্ডের মান সেট থাকা অবস্থায় 'Go' বাটনে ক্লিক করলে:

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