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

HTML ফর্ম ব্যবহার করে ব্যবহারকারীর ইনপুট নেওয়ার পদ্ধতি


HTML ফর্ম ব্যবহার করে আপনি সহজে ব্যবহারকারীর ইনপুট নিতে পারেন। <form> ট্যাগ ব্যবহারকারীর ইনপুট लेने জন্য ব্যবহৃত হয়, ফর্ম এলিমেন্ট যোগ করে। বিভিন্ন ধরণের ফর্ম এলিমেন্ট রয়েছে: টেক্সট ইনপুট, রেডিও বাটন ইনপুট, সাবমিট বাটন, ইত্যাদি।

চলুন <input> ট্যাগ সম্পর্কে জানি, যা type অ্যাট্রিবিউট ব্যবহার করে ব্যবহারকারীর ইনপুট নিতে সাহায্য করে। অ্যাট্রিবিউটটি ফর্ম এলিমেন্টের সাথে ব্যবহৃত হয় যেমন টেক্সট ইনপুট, চেকবক্স, রেডিও, ইত্যাদি।

HTML ফর্ম ব্যবহার করে ব্যবহারকারীর ইনপুট নেওয়ার পদ্ধতি

উদাহরণ

HTML ফর্ম ব্যবহার করে ব্যবহারকারীর ইনপুট নেওয়ার উদাহরণ:

<!DOCTYPE html> <html>    <body>       <head>          <title>HTML Forms</title>       </head>       <p>Add your details:</p>       <form>          Student Name:<br> <input type="text" name="name">          <br>          Student Subject:<br> <input type="text" name="subject">          <br>          Rank:<br> <input type="text" name="rank">          </form>    </body> </html>

উপরে আপনি নিচের দুটি অ্যাট্রিবিউট দেখতে পাচ্ছেন:

  • type
    ইনপুট কন্ট্রোলের ধরন নির্দেশ করে এবং টেক্সট ইনপুট কন্ট্রোলের জন্য এটি text-এ সেট থাকে।
  • name
    কন্ট্রোলের নাম দেওয়া হয় যাতে সার্ভারে পাঠানো হয় এবং সেটি চেনা যায় এবং মান পাওয়া যায়।

  1. HTML ফর্মে রেডিও (Radio) বাটন ব্যবহার করা

  2. HTML ফর্ম ব্যবহার করে ইমেইল কীভাবে পাঠাবেন?

  3. HTML ফর্মের সকল ইনপুট ফিল্ড কীভাবে রিসেট করবেন?

  4. HTML-এ বহু-লাইন টেক্সট ইনপুট (Text Area) কীভাবে তৈরি করবেন?