HTML <form> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <footer>
  • পরবর্তী পৃষ্ঠা <frame>

বিবরণ ও ব্যবহার

<form> এই ট্যাগটি ব্যবহার করে ব্যবহারকারীর ইনপুট গ্রহণ করার জন্য HTML ফর্ম তৈরি করা হয়。

<form> এলিমেন্টগুলি নিম্নলিখিত একটি বা একাধিক ফর্ম ইলিমেন্ট ধারণ করতে পারে:

আরও দেখুন:

HTML টিউটোরিয়াল:HTML ফর্ম এবং ইনপুট

HTML DOM রেফারেন্স ম্যানুয়েল:ফর্ম অবজেক্ট

CSS টিউটোরিয়াল: ফর্ম সাইল সেট আপ

একটি উদাহরণ

উদাহরণ 1

দুটি ইনপুট ক্ষেত্র এবং একটি সাবমিট বাটন সহ HTML ফর্ম:

<form action="/action_page.php" method="get">
  <label for="fname">নাম:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">পরিবারনাম:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="জমা দাও">
</form>

স্বয়ং প্রয়াস করুন

উদাহরণ 2

চেকবক্স সহ HTML ফর্ম:

<form action="/action_page.php" method="get">
  <input type="checkbox" name="vehicle1" value="Bike">
  <label for="vehicle1">আমার একটি সাইকেল আছে</label><br>
  <input type="checkbox" name="vehicle2" value="Car">
  <label for="vehicle2">আমার একটি গাড়ি আছে</label><br>
  <input type="checkbox" name="vehicle3" value="Boat" checked>
  <label for="vehicle3">আমার একটি জাহাজ আছে</label><br><br>
  <input type="submit" value="জমা দাও">
</form>

স্বয়ং প্রয়াস করুন

উদাহরণ ৩

একটি রেডিও বটনসহ এইচটিএমএল ফর্ম:

<form action="/action_page.php" method="get">
  <input type="radio" id="html" name="fav_language" value="HTML">
  <label for="html">HTML</label><br>
  <input type="radio" id="css" name="fav_language" value="CSS" checked="checked">
  <label for="css">CSS</label><br>
  <input type="radio" id="javascript" name="fav_language" value="JavaScript">
  <label for="javascript">জাভাস্ক্রিপ্ট</label><br><br>
  <input type="submit" value="জমা দাও">
</form>

স্বয়ং প্রয়াস করুন

নির্দেশ করে ফর্ম জমা দেওয়ার সময় কোনও চার্যাক্তর এনকোডিং ব্যবহার করা হবে
নির্দেশ করে ফর্ম জমা দেওয়ার সময় ফর্ম ডাটা কোথায় পাঠানো হবে
নির্দেশ করে ফর্মটি কোনও অটোকম্প্লিট ফাংশন সক্ষম করা হবে কিনা
নির্দেশ করে ফর্ম ডাটা সার্ভারে জমা দেওয়ার সময় ফর্ম ডাটা কীভাবে এনকোড করা হবে
নির্দেশ করে ফর্ম ডাটা পাঠানোর সময় কোনও এইচটিপিএম মেথড ব্যবহার করা হবে
নির্দেশ করে ফর্মের নাম
নির্দেশ করে ফর্ম জমা দেওয়ার সময় ফর্মটি কোনও পরীক্ষা করা হবে না
নির্দেশ করে লিঙ্ক সংযোগ এবং বর্তমান ডকুমেন্টের মধ্যে সম্পর্ক
সমর্থন করে নির্দেশ করে যেখানে ফর্ম জমা দেওয়ার পর প্রাপ্ত প্রতিক্রিয়া দেখানো হবে

গ্লোবাল অ্যাট্রিবিউট

<form> ট্যাগগুলো ইভেন্ট অ্যাট্রিবিউট সহযোগে কাজ করে এইচটিএমএল-এর গ্লোবাল অ্যাট্রিবিউট。

ইভেন্ট অ্যাট্রিবিউট

<form> ট্যাগগুলো ইভেন্ট অ্যাট্রিবিউট সহযোগে কাজ করে এইচটিএমএল-এর ইভেন্ট অ্যাট্রিবিউট。

ডিফল্ট সিএসএস সেটিং

অধিকাংশ ব্রাউজার নিম্নলিখিত ডিফল্ট মান ব্যবহার করবে <form> এলিমেন্ট:

form {
  display: block;
  margin-top: 0em;
}

স্বয়ং প্রয়াস করুন

ব্রাউজার সমর্থন

চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
চ্রোম এডজ ফায়ারফক্স স্যাফারি ওপেরা
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন
  • পূর্ববর্তী পৃষ্ঠা <footer>
  • পরবর্তী পৃষ্ঠা <frame>