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

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

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

উদাহরণ

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

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

ব্যাখ্যা:

• ব্রাউজার বিল্ট-ইন ভ্যালিডেশন করে (প্রোটোকল সহঃ https:// বা https://)
• pattern অ্যাট্রিবিউট দিয়ে কাস্টম ভ্যালিডেশনও যোগ করা যায়
• placeholder="https://example.com" দিয়ে হিন্ট দেওয়া যায়

ব্রাউজার সাপোর্ট: প্রায় সব আধুনিক ব্রাউজার সাপোর্ট করে।