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

HTML DOM Input URL placeholder প্রপার্টি একটি স্ট্রিং সেট বা রিটার্ন করে যা সাধারণত ব্যবহারকারীকে হিন্ট দেওয়ার জন্য ব্যবহৃত হয় যে ইনপুট টেক্সট কেমন দেখাবে।

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

স্ট্রিং মান পাওয়ার জন্য (Returning string value)

inputURLObject.placeholder

placeholder স্ট্রিং মান সেট করার জন্য (Setting placeholder to stringValue)

inputURLObject.placeholder = stringValue

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input URL placeholder</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-placeholder</legend> 
<label for="URLSelect">URL: <input type="url" id="URLSelect"> </label> 
<input type="button" value="Get an Example" onclick="setPlaceholder()"> 
</fieldset> 
</form> 
<script> 
    var inputURL = document.getElementById("URLSelect"); 
    function setPlaceholder() { 
        inputURL.placeholder = 'https://www.google.com'; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'Get an Example' বাটনে ক্লিক করার আগে:

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

'Get an Example' বাটনে ক্লিক করার পর:

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