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

HTML DOM Input Email অবজেক্ট


পরিচয়

HTML DOM Input Email অবজেক্ট একটি HTML ইনপুট এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ email।

সিনট্যাক্স

<input> তৈরি করা email টাইপের সাথে:

var emailObject = document.createElement("input"); emailObject.type = "email";

অ্যাট্রিবিউটসমূহ

এখানে "emailObject" নিচের অ্যাট্রিবিউটগুলো থাকতে পারে:

অ্যাট্রিবিউট বিবরণ
autocompleteপূর্বে টাইপ করা টেক্সটের ভিত্তিতে সাজেশন দেয় যদি 'ON' সেট করা থাকে
autofocustrue সেট থাকলে পেজ লোড হলে ইমেইল ফিল্ড ফোকাস হবে
defaultValueইমেইল ফিল্ডের ডিফল্ট মান সেট/রিটার্ন করে
disabledইমেইল ফিল্ড ডিজেবল/এনেবল আছে কিনা তা নির্ধারণ করে
formইমেইল ফিল্ড ধারণকারী বাহ্যিক ফর্মের রেফারেন্স রিটার্ন করে
maxLengthইমেইল ফিল্ডের maxLength অ্যাট্রিবিউটের মান রিটার্ন/সেট করে
multipleইমেইল ফিল্ড একাধিক ইমেইল আইডি গ্রহণ করবে কিনা তা রিটার্ন/সেট করে
nameইমেইল ফিল্ডের name অ্যাট্রিবিউটের মান নির্ধারণ করে
patternইমেইল ফিল্ডের pattern অ্যাট্রিবিউটের মান রিটার্ন/সেট করে
placeholderব্যবহারকারীকে ইঙ্গিত দেয় যে ইনপুট টেক্সটটি কেমন দেখাবে
readOnlyইমেইল ফিল্ড পরিবর্তনযোগ্য কিনা তা নির্ধারণ করে
requiredফর্ম সাবমিটের জন্য ইমেইল ফিল্ড বাধ্যতামূলক কিনা তা নির্ধারণ করে
sizeইমেইল ফিল্ডের size অ্যাট্রিবিউটের মান নির্ধারণ করে
typeইমেইল ফিল্ডের ফর্ম এলিমেন্টের টাইপ রিটার্ন করে
valueইমেইল ফিল্ডের value অ্যাট্রিবিউটের মান নির্ধারণ করে

উদাহরণ

নিচে Input Email multiple প্রোপার্টির একটি উদাহরণ দেওয়া হলো:

<!DOCTYPE html> <html> <head> <title>Input Email multiple</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-multiple</legend> 
    <label for="EmailSelect">Employee Email : <input type="email" id="EmailSelect" placeholder="jkl@qwerty.com"> </label> 
    <input type="button" onclick="changeToMultiple()" value="Enable Multiple Emails"> 
    <div id="divDisplay"></div> 
  </fieldset> 
</form> 
<script> 
  var divDisplay = document.getElementById("divDisplay"); 
  var inputEmail = document.getElementById("EmailSelect"); 
  divDisplay.textContent = 'Multiple Emails Allowed: '+inputEmail.multiple; 
  function changeToMultiple() { 
    inputEmail.multiple = true; 
    divDisplay.textContent = 'Multiple Emails Allowed: '+inputEmail.multiple; 
  } 
</script> </body> </html>

আউটপুট

উপরের কোড নিচের আউটপুটটি উত্পন্ন করবে:

'Confirm Email' বাটনে ক্লিক করার আগে:

HTML DOM Input Email অবজেক্ট

'Confirm Email' বাটন চেক করার পর:

HTML DOM Input Email অবজেক্ট

  1. HTML DOM Input Reset অবজেক্ট

  2. HTML DOM Input Search অবজেক্ট

  3. HTML DOM ইনপুট টেক্সট অবজেক্ট

  4. HTML DOM Input Password অবজেক্ট