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

HTML DOM Input Text value প্রপার্টি একটি স্ট্রিং ফেরত দেয়, যা ইনপুট টেক্সট এলিমেন্টের value অ্যাট্রিবিউটের মান। ব্যবহারকারী এটি নতুন স্ট্রিংয়ে সেটও করতে পারেন।

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

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

inputTextObject.value

value অ্যাট্রিবিউটে স্ট্রিং মান সেট করার জন্য (Setting value attribute to a string value)

inputTextObject.value = 'String'

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Text value</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-value</legend> 
<label for="TextSelect">Full Name: <input type="Text" id="TextSelect"> <input type="button" onclick="getUserText('david')" value="David"> <input type="button" onclick="getUserText('shasha')" value="Shasha"><br> 
<input type="button" onclick="login()" value="Login"> 
</label> 
<div id="divDisplay"></div> 
</fieldset> 
</form> 
<script> 
    var divDisplay = document.getElementById("divDisplay"); 
    var inputText = document.getElementById("TextSelect"); 
    function getUserText(userName) { 
        if(userName === 'david') 
            inputText.value = 'David Miller'; 
        else 
            inputText.value = 'Shasha Green'; 
    } 
    function login() { 
        if(inputText.value !== '') 
            divDisplay.textContent = 'Welcome '+inputText.value.split("@")[0]; 
        else 
            divDisplay.textContent = 'Enter Valid Text'; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

খালি ইমেইল ফিল্ডে 'Login' বাটনে ক্লিক করলে:

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

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