জয়েন লগইন

এইচটিএমএল

🌈এইচটিএমএল কি?

📋এইচটিএমএল হলো ব্যবহারকারীর কাজ থেকে তথ্য সংগ্রহ করার পদ্ধতি।

⚒️এইচটিএমএল ব্যবহারকারীর কাজ থেকে তথ্য সংগ্রহ করতে ব্যবহৃত হয়।

এইচটিএমএল সমূহ

এইচটিএমএল এবং সেগুলোর ব্যবহারের তালিকা

  • ➡️ form - ফর্ম তৈরি করা
  • ➡️ label - বর্ণনা সেট করা
  • ➡️ fieldset - ফর্মের সীমানা তৈরি করা
  • ➡️ legend - ফর্মের উপকথা সেট করা
  • ➡️ input - ডেটা গ্রহন করা
  • ➡️ textarea - ডেটা গ্রহন করা
  • ➡️ select - মান নির্বাচন করা
  • ➡️ option - অপশন তৈরি করা
  • ➡️ optgroup - দলবদ্ধ অপশন তৈরি করা
  • ➡️ datalist - ডেটা তালিকা তৈরি করা
  • ➡️ output - কার্যকর ফলাফল প্রদর্শন করা

form - ফর্ম তৈরি করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>আপনার নাম</label>
  <input type="text" name="name"><br><br>

  <label>আপনার দেশ</label>
  <input type="text" name="land"><br><br>

  <input type="submit" name="submit" value="সেভ করুন">
</form>

label - বর্ণনা সেট করার উদাহরণ।

html
<form>
  <label>আপনার নাম</label><br>
  <input type="text" name="name">
</form>

fieldset - ফর্মের সীমানা তৈরি করার উদাহরণ।

html
<fieldset>
  <form>
    <label>আপনার নাম</label>
    <input type="text" name="name"><br><br>

    <label>আপনার দেশ</label>
    <input type="text" name="land"><br><br>

    <input type="submit" name="submit" value="সেভ করুন">
  </form>
</fieldset>

legend - ফর্মের উপকথা সেট করার উদাহরণ।

html
<fieldset>
  <legend>আপনার মন্তব্য লিখুন</legend>
  <form>
    <label>আপনার নাম</label>
    <input type="text" name="name"><br><br>

    <label>আপনার দেশ</label>
    <input type="text" name="land"><br><br>

    <input type="submit" name="submit" value="সেভ করুন">
  </form>
</fieldset>

input - ডেটা গ্রহন করার উদাহরণ।

html
<form>
  <label>আপনার নাম</label>
  <input type="text" name="land">
  <input type="submit" name="submit" value="সেভ করুন">
</form>

textarea - ডেটা গ্রহন করার উদাহরণ।

html
<textarea rows="10" cols="20">
  তথ্য জমা দিন
</textarea>

select - মান নির্বাচন করার উদাহরণ।

html
<select>
  <option value="বাংলাদেশ">বাংলাদেশ</option>
  <option value="নেদারল্যান্ড">নেদারল্যান্ড</option>
  <option value="আফগানিস্তান">আফগানিস্তান</option>
</select>

option - অপশন তৈরি করার উদাহরণ।

html
<select>
  <option value="বাংলাদেশ">বাংলাদেশ</option>
  <option value="নেদারল্যান্ড">নেদারল্যান্ড</option>
  <option value="আফগানিস্তান">আফগানিস্তান</option>
</select>

optgroup - দলবদ্ধ অপশন তৈরি করার উদাহরণ।

html
<optgroup label="ফ্রন্টএন্ড">
  <option>এইচটিএমএল</option>
  <option>সিএসএস</option>
</optgroup>

<optgroup label="ব্যাকএন্ড">
  <option>পিএইচপি</option>
  <option>জাভা</option>
  <option>পাইথন</option>
  <option>জাভাস্ক্রিপ্ট</option>
</optgroup>

datalist - ডেটা তালিকা তৈরি করার উদাহরণ।

html
<form>
  <label>একটি দেশ নির্বাচন করুন</label><br>
  <input list="countries" name="country">

  <datalist id="countries">
    <option value="বাংলাদেশ">
    <option value="নেদারল্যান্ড">
    <option value="আফগানিস্তান">
  </datalist><br><br>

  <input type="submit" name="submit" value="সাবমিট">
</form>

output - কার্যকর ফলাফল প্রদর্শন করার উদাহরণ।

html
<form oninput="total.value = quantity.value * 10">
  <label>পরিমাণ</label>
  <input type="number" name="quantity" value="1" min="1"><br>

  <label>মোট</label>
  <output name="total">10</output> BDT
</form>

এইচটিএমএল সম্পর্কিত বিস্তারিত তথ্য

কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক

নাম বিবরণ
form ফর্ম তৈরি করতে ব্যবহৃত হয়।
label বর্ণনা সেট করতে ব্যবহৃত হয়।
fieldset ফর্মের সীমানা তৈরি করতে ব্যবহৃত হয়।
legend ফর্মের উপকথা সেট করতে ব্যবহৃত হয়।
input ডেটা গ্রহন করতে ব্যবহৃত হয়।
textarea ডেটা গ্রহন করতে ব্যবহৃত হয়।
select মান নির্বাচন করতে ব্যবহৃত হয়।
option অপশন তৈরি করতে ব্যবহৃত হয়।
optgroup দলবদ্ধ অপশন তৈরি করতে ব্যবহৃত হয়।
datalist ডেটা তালিকা তৈরি করতে ব্যবহৃত হয়।
output কার্যকর ফলাফল প্রদর্শন করতে ব্যবহৃত হয়।