কম্পিউটার

এইচটিএমএল ডম ইনপুট ইমেল প্রকার সম্পত্তি


HTML DOM ইনপুট ইমেইল টাইপ প্রপার্টি রিটার্ন করে/সেট টাইপ ইনপুট ইমেইল।

সিনট্যাক্স

নিচের সিনট্যাক্স −

  • রিটার্নিং স্ট্রিং মান
inputEmailObject.type
  • সেটিং টাইপ স্ট্রিং মান
inputEmailObject.type = stringValue

স্ট্রিং মান

এখানে, “stringValue” নিম্নলিখিত −

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

উদাহরণ

আসুন ইনপুট ইমেল প্রকারের একটি উদাহরণ দেখি সম্পত্তি -

<!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>

আউটপুট

এটি নিম্নলিখিত আউটপুট −

তৈরি করবে

'কী লিখতে হবে?' ক্লিক করার আগে৷ বোতাম -

এইচটিএমএল ডম ইনপুট ইমেল প্রকার সম্পত্তি

'কি লিখতে হবে?' ক্লিক করার পর বোতাম -

এইচটিএমএল ডম ইনপুট ইমেল প্রকার সম্পত্তি


  1. HTML DOM ইনপুট ইমেল নাম সম্পত্তি

  2. এইচটিএমএল ডম ইনপুট ইমেল একাধিক সম্পত্তি

  3. HTML DOM ইনপুট ইমেল maxLength প্রপার্টি

  4. এইচটিএমএল ডম ইনপুট ইমেল প্রকার সম্পত্তি