FORM tag in HTML

0

FORM tag in HTML

হ্যালো সবাই! আজ আমি আপনাদের সাথে শেয়ার করব কিভাবে HTML ফর্ম ব্যবহার করতে হয়। এই ব্লগ পোস্টে আমি বিস্তারিত আলোচনা করব HTML এর ফর্ম এলিমেন্টগুলি সহ তারা সঠিকভাবে ব্যবহার করার পদ্ধতি সম্পর্কে।


HTML ফর্ম হ'ল বিশেষ একটি ধরণের উপাদান যা ওয়েবসাইটের ব্যবহারকারীদের সাথে ইনটারেক্ট করার জন্য ব্যবহার করা হয়। এটি আমাদের ওয়েবসাইটে তথ্য সংগ্রহ, ব্যবহারকারীর মতামত নেওয়া এবং আরও অনেক কিছুর জন্য একটি উপকরণ হিসেবে কাজ করে।



HTML ফর্ম তৈরি করার সহজ পদ্ধতি হ'ল `<form>` এলিমেন্টটি ব্যবহার করা। এটি আমাদের ফর্ম এর মৌলিক প্রাথমিক উপাদান। নিচের উদাহরণটি দেখা যাক:


<form action="/submit_form.php" method="post">

  <!-- এখানে আপনার ফর্ম এর অনুমোদিত মেথড এবং অ্যাকশন লিংক প্রদান করুন -->

  <!-- এখানে আপনার ফর্ম এর ইনপুট ফিল্ড গুলি যোগ করুন -->

</form>

এখানে, `action` অ্যাট্রিবিউটটি ফর্মের তথ্য প্রেরণের জন্য সার্ভারের সাথে যোগাযোগ করার জন্য ব্যবহৃত হয়। আর `method` অ্যাট্রিবিউটটি ডেটা প্রেরণের পদ্ধতিকে নির্দেশ করে, যেহেতু আমরা POST মেথড ব্যবহার করছি।


এখন আমরা ফর্মের ইনপুট ফিল্ড গুলি যোগ করব। নিচের উদাহরণটি দেখুন:

<input type="text" name="username" placeholder="আপনার নাম">

<input type="password" name="password" placeholder="পাসওয়ার্ড">

<input type="radio" name="gender" value="male"> পুরুষ

<input type="radio" name="gender" value="female"> মহিলা

<input type="checkbox" name="subscribe" value="yes"> সাবস্ক্রাইব করুন


উপরের উদাহরণে, আমরা চারটি ধরণের ইনপুট ফিল্ড দেখতে পাচ্ছি:


1. **টেক্সট ইনপুট**: `<input type="text">` - এটি ব্যবহারকারীদের টেক্সট ইনফরমেশন প্রবেশ করার জন্য ব্যবহৃত হয়।

2. **পাসওয়ার্ড ইনপুট**: `<input type="password">` - এটি ব্যবহারকারীদের পাসওয়ার্ড প্রবেশ করার জন্য ব্যবহৃত হয়। এটি আংশিকভাবে গোপন থাকে।

3. **রেডিও বোতাম**: `<input type="radio">` - এটি বিশিষ্ট গ্রুপ থেকে একটি বিকল্প নির্বাচন করার জন্য ব্যবহৃত হয়।

4. **চেকবক্স**: `<input type="checkbox">` - এটি বিভিন্ন গ্রুপ থেকে একাধিক বিকল্প নির্বাচন করার জন্য ব্যবহৃত হয়।


তো, এই ছোট পোস্টে আমি আপনাদেরকে বিভিন্ন ধরণের HTML ফর্ম এলিমেন্ট গুলির ব্যবহার করার পদ্ধতিসম্পর্কে একটি ধারাবাহিক ধারণা দেয়ার চেষ্টা করেছি। আমি আশা করছি এটি আপনার ওয়েব ডেভেলপমেন্ট প্রক্রিয়ায় সাহায্য করবে। ধন্যবাদ সবাই। সুস্থ থাকুন এবং হেরে যাওয়া না।

Post a Comment

0Comments
Post a Comment (0)