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

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

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

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

inputEmailObject.value

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

inputEmailObject.value = 'String'

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Email 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>Email-value</legend> 
<label for="EmailSelect">Email Id: <input type="email" id="EmailSelect"> <input type="button" onclick="getUserEmail('david')" value="David"> <input type="button" onclick="getUserEmail('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 inputEmail = document.getElementById("EmailSelect"); 
    function getUserEmail(userName) { 
        if(userName === 'david') 
            inputEmail.value = 'davidMiller@MNC.com'; 
        else 
            inputEmail.value = 'shashaGreen@MNC.com'; 
    } 
    function login() { 
        if(inputEmail.value !== '') 
            divDisplay.textContent = 'Successful Login. Hello '+inputEmail.value.split("@")[0]; 
        else 
            divDisplay.textContent = 'Enter Email Id'; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

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

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

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