HTML DOM ইনপুট ইমেল অবজেক্ট টাইপ ইমেল সহ একটি ইনপুট HTML উপাদান উপস্থাপন করে।
সিনট্যাক্স
নিচের সিনট্যাক্স −
একটি তৈরি করা হচ্ছে টাইপ ইমেল সহ
var emailObject = document.createElement(“input”); emailObject.type = “email”;
গুণাবলী
এখানে, “emailObject” নিম্নলিখিত বৈশিষ্ট্য থাকতে পারে -
| গুণাবলী | বিবরণ |
|---|---|
| স্বয়ংক্রিয়ভাবে সম্পূর্ণ | এটি পূর্বে টাইপ করা পাঠ্যের উপর ভিত্তি করে পরামর্শ প্রদান করে, যদি 'চালু' সেট করা থাকে |
| অটোফোকাস | যদি সত্য হিসাবে সেট করা হয় ইমেল ক্ষেত্রটি প্রাথমিক পৃষ্ঠা লোডের উপর ফোকাস করা হয়। |
| ডিফল্ট মান | এটি একটি ইমেল ক্ষেত্রের ডিফল্ট মান সেট/রিটার্ন করে |
| অক্ষম | একটি ইমেল ক্ষেত্র নিষ্ক্রিয়/সক্ষম থাকলে তা নির্ধারণ করে |
| ফর্ম | এটি এনক্লোজিং ফর্মের একটি রেফারেন্স প্রদান করে যাতে ইমেল ক্ষেত্র রয়েছে |
| সর্বোচ্চ দৈর্ঘ্য | এটি একটি ইমেল ক্ষেত্রের maxLength বৈশিষ্ট্যের মান প্রদান করে/সেট করে |
| একাধিক | একটি ইমেল ক্ষেত্র একাধিক ইমেল আইডি গ্রহণ করার অনুমতি দিলে এটি ফেরত/সেট করে |
| নাম | এটি একটি ইমেল ক্ষেত্রের নামের বৈশিষ্ট্যের মান নির্ধারণ করে |
| প্যাটার্ন | এটি একটি ইমেল ক্ষেত্রের প্যাটার্ন বৈশিষ্ট্যের মান প্রদান করে/সেট করে |
| স্থানধারক | এটি একটি স্ট্রিং সেট/রিটার্ন করে যা সাধারণত ব্যবহারকারীকে ইনপুট টেক্সট কেমন হবে তার ইঙ্গিত দিতে ব্যবহৃত হয়। |
| Only read | ইমেল ক্ষেত্র পরিবর্তনযোগ্য কি না তা নির্ধারণ করে |
| প্রয়োজনীয় | ফর্মটি জমা দেওয়ার জন্য ইমেল ক্ষেত্রটি পূরণ করা বাধ্যতামূলক কিনা তা নির্ধারণ করে |
| সাইজ | এটি ইমেল ক্ষেত্রের আকার বৈশিষ্ট্যের মান নির্ধারণ করে |
| টাইপ | এটি একটি ইমেল ক্ষেত্রের ফর্ম উপাদানের ধরন প্রদান করে |
| মান | এটি একটি ইমেল ক্ষেত্রের মান বৈশিষ্ট্যের মান নির্ধারণ করে |
উদাহরণ
আসুন ইনপুট ইমেল মাল্টিপল এর একটি উদাহরণ দেখি সম্পত্তি -
<!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> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'ইমেল নিশ্চিত করুন' ক্লিক করার আগে৷ বোতাম -
'ইমেল নিশ্চিত করুন' চেক করার পরে৷ বোতাম -
