পরিচয়
HTML DOM Input Email অবজেক্ট একটি HTML ইনপুট এলিমেন্টকে প্রতিনিধিত্ব করে যার টাইপ email।
সিনট্যাক্স
<input> তৈরি করা email টাইপের সাথে:
var emailObject = document.createElement("input"); emailObject.type = "email";
অ্যাট্রিবিউটসমূহ
এখানে "emailObject" নিচের অ্যাট্রিবিউটগুলো থাকতে পারে:
| অ্যাট্রিবিউট | বিবরণ |
|---|---|
| autocomplete | পূর্বে টাইপ করা টেক্সটের ভিত্তিতে সাজেশন দেয় যদি 'ON' সেট করা থাকে |
| autofocus | true সেট থাকলে পেজ লোড হলে ইমেইল ফিল্ড ফোকাস হবে |
| 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' বাটনে ক্লিক করার আগে:

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