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

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


HTML ফর্মে রিসেট বাটন ব্যবহার

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

<input> ট্যাগের type অ্যাট্রিবিউট দিয়ে ব্যবহারকারীর ইনপুট নেওয়া হয়। HTML ফর্মের সকল ইনপুট ক্লিয়ার করতে <input> ট্যাগের type অ্যাট্রিবিউটটি reset হিসেবে সেট করতে হবে।

উদাহরণ

নিচের কোডটি চালিয়ে HTML-এ ইনপুট ফিল্ড রিসেট করার পরীক্ষা করতে পারেন:

<!DOCTYPE html>
<html>
  <body>
    <form>
      ছাত্রের নাম:<br>
      <input type="text" name="sname"> <br>
      বিষয়:<br>
      <input type="text" name="ssubject"> <br>
      <input type="reset" value="রিসেট">
    </form>
  </body>
</html>

টিপস: রিসেট বাটন ক্লিক করলে ফর্মের সব ফিল্ড তার ডিফল্ট মানে ফিরে যাবে। যদি কোনো ফিল্ডে value অ্যাট্রিবিউট থাকে, তবে সেটি ডিফল্ট হিসেবে কাজ করবে।

  1. HTML-এ কালার পিকার সহ ইনপুট টাইপ ফিল্ড কীভাবে ব্যবহার করবেন?

  2. HTML-এ formmethod অ্যাট্রিবিউট কীভাবে ব্যবহার করবেন?

  3. HTML-এ <input>-এ ক্যারেক্টার সংখ্যা অনুযায়ী প্রস্থ কীভাবে যোগ করবেন?

  4. HTML DOM Input Reset অবজেক্ট