কম্পিউটার টিউটোরিয়াল

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

HTML DOM Input Email type প্রপার্টি ইনপুট ইমেইল এলিমেন্টের টাইপ (type) ফেরত দেয় বা সেট করে।

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

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

inputEmailObject.type

টাইপ স্ট্রিং মান সেট করার জন্য (Setting type to string value)

inputEmailObject.type = stringValue

স্ট্রিং মান (String Values)

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

stringValue বিবরণ
email ইনপুট টাইপ ইমেইল বলে সংজ্ঞায়িত করে
datetime-local ইনপুট টাইপ ডেটাইম-লোকাল বলে সংজ্ঞায়িত করে
radio ইনপুট টাইপ রেডিও বলে সংজ্ঞায়িত করে
tel ইনপুট টাইপ টেল বলে সংজ্ঞায়িত করে এবং নম্বর কিপ্যাড দেখায়

উদাহরণ (Example)

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

<!DOCTYPE html> 
<html> 
<head> 
<title>Input Email type</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-type</legend> 
<label for="EmailSelect"></label> 
<input type="email" id="EmailSelect" > 
<input type="button" onclick="getTypeOfInput()" value="What to enter?"> 
</fieldset> 
</form> 
<script> 
    var labelSelect = document.querySelector("label"); 
    var inputEmail = document.getElementById("EmailSelect"); 
    function getTypeOfInput() { 
        labelSelect.innerHTML = inputEmail.type.toUpperCase()+' ID: '; 
    } 
</script> 
</body> 
</html>

আউটপুট (Output)

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

'What to enter?' বাটনে ক্লিক করার আগে:

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

'What to enter?' বাটনে ক্লিক করার পর:

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

  1. HTML DOM Input Email name প্রোপার্টি

  2. HTML DOM Input Email multiple প্রোপার্টি

  3. HTML DOM Input Email maxLength প্রোপার্টি

  4. HTML DOM Input Email type প্রপার্টি