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

HTML-এ ইমেইল ইনপুট টাইপ কীভাবে ব্যবহার করবেন?


HTML-এ ইমেইল ইনপুট টাইপের ব্যবহার

HTML-এ ইমেইল ইনপুট টাইপ ব্যবহার করা হয় <input type="email"> দিয়ে। এর মাধ্যমে ব্যবহারকারীদের ইমেইল ঠিকানা যোগ করতে দেওয়া হয়। কিছু ব্রাউজারে ইনপুট করা ইমেইল ভ্যালিডেট হয় — অর্থাৎ আপনি ইমেইল দিতে সময় @ এবং . (পিরিয়ড) ভুলে গেলে, ফর্ম সাবমিট হবে না এবং এরর দেখাবে: "Please enter an email address"।

একাধিক ইমেইল ঠিকানা অনুমতি দিতে multiple বুলিয়ান অ্যাট্রিবিউট ব্যবহার করুন।

দ্রষ্টব্য: ইনপুট টাইপ email ইন্টারনেট এক্সপ্লোরার ৯ এবং তার পূর্বের ভার্সনে সাপোর্টেড নয়।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ ইমেইল ইনপুট টাইপের ব্যবহার শিখুন:

<!DOCTYPE html>
<html>
  <head>
    <title>HTML input email</title>
  </head>
  <body>
    <form action="" method="get">
      বিবরণ:<br><br>
      ছাত্রের নাম<br><input type="text" name="sname"><br>
      ছাত্রের ইমেইল<br><input type="email" name="email"><br>
      <input type="submit" value="সাবমিট">
    </form>
  </body>
</html>

HTML-এ ইমেইল ইনপুট টাইপ কীভাবে ব্যবহার করবেন?

ব্যাখ্যা:

  • ব্রাউজার বিল্ট-ইন ভ্যালিডেশন করে (RFC 5322 스페ক অনুযায়ী)
  • multiple অ্যাট্রিবিউট দিলে কমা-সেপারেটেড একাধিক ইমেইল গ্রহণ করে
  • pattern দিয়ে কাস্টম ভ্যালিডেশন (যেমন নির্দিষ্ট ডোমেইন) যোগ করা যায়
  1. HTML-এ step অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  2. HTML-এ প্লেসহোল্ডার অ্যাট্রিবিউটের ব্যবহার

  3. HTML-এ ইয়ার (year) ইনপুট টাইপ ব্যবহার

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