জয়েন লগইন

এইচটিএমএল

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

📋এইচটিএমএল হলো ইনপুট টাইপ নির্দিষ্ট করার পদ্ধতি।

⚒️এইচটিএমএল ইনপুট টাইপ নির্দিষ্ট করতে ব্যবহৃত হয়।

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

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

  • ➡️ text - ইনপুট টাইপ টেক্সট নির্ধারণ করা
  • ➡️ number - ইনপুট টাইপ সংখ্যা নির্ধারণ করা
  • ➡️ tel - ইনপুট টাইপ টেলিফোন নম্বর নির্ধারণ করা
  • ➡️ email - ইনপুট টাইপ ইমেইল নির্ধারণ করা
  • ➡️ image - ইনপুট টাইপ ছবি নির্ধারণ করা
  • ➡️ file - ইনপুট টাইপ ফাইল নির্ধারণ করা
  • ➡️ color - ইনপুট টাইপ রং নির্ধারণ করা
  • ➡️ week - ইনপুট টাইপ সপ্তাহ নির্ধারণ করা
  • ➡️ url - ইনপুট টাইপ এউআরএল নির্ধারণ করা
  • ➡️ time - ইনপুট টাইপ সময় নির্ধারণ করা
  • ➡️ month - ইনপুট টাইপ মাস নির্ধারণ করা
  • ➡️ date - ইনপুট টাইপ তারিখ নির্ধারণ করা
  • ➡️ search - ইনপুট টাইপ অনুসন্ধান নির্ধারণ করা
  • ➡️ range - ইনপুট টাইপ পরিসর নির্ধারণ করা
  • ➡️ password - ইনপুট টাইপ পাসওয়ার্ড নির্ধারণ করা
  • ➡️ reset - ফর্মের ডেটা রিসেট করা
  • ➡️ radio - ইনপুট থেকে একটি নির্বাচন করা
  • ➡️ checkbox - ইনপুট থেকে এক অথবা একাধিক নির্বাচন করা
  • ➡️ submit - ফর্ম জমা নির্ধারণ করা
  • ➡️ button - ইনপুট টাইপ বাটন নির্ধারণ করা

text - ইনপুট টাইপ টেক্সট নির্ধারণ করার উদাহরণ।

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

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

number - ইনপুট টাইপ সংখ্যা নির্ধারণ করার উদাহরণ।

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

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

tel - ইনপুট টাইপ টেলিফোন নম্বর নির্ধারণ করার উদাহরণ।

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

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

email - ইনপুট টাইপ ইমেইল নির্ধারণ করার উদাহরণ।

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

  <input type="submit" name="submit" value="সাইনআপ">
</form>

image - ইনপুট টাইপ ছবি নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>আপনার নাম</label><br>
  <input type="text" name="name"><br><br>
  <input type="image" name="submit" src="submit.png" alt="সেভ করুন">

</form>

file - ইনপুট টাইপ ফাইল নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>আপনার নাম</label><br>
  <input type="text" name="name"><br>
  <label>আপনার ছবি আপলোড করুন</label><br>
  <input type="file" name="cv"><br><br>

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

color - ইনপুট টাইপ রং নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>একটি রঙ নির্বাচন করুন</label><br>
  <input type="color" name="color"><br><br>

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

week - ইনপুট টাইপ সপ্তাহ নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>একটি সপ্তাহ নির্বাচন করুন</label><br>
  <input type="week" name="week"><br><br>

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

url - ইনপুট টাইপ এউআরএল নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>একটি ইউআরএল নির্বাচন করুন</label><br>
  <input type="url" name="url"><br><br>

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

time - ইনপুট টাইপ সময় নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>একটি সময় নির্বাচন করুন</label><br>
  <input type="time" name="time"><br><br>

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

month - ইনপুট টাইপ মাস নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>একটি মাস নির্বাচন করুন</label><br>
  <input type="month" name="month"><br><br>

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

date - ইনপুট টাইপ তারিখ নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>একটি তারিখ নির্বাচন করুন</label><br>
  <input type="date" name="date"><br><br>

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

search - ইনপুট টাইপ অনুসন্ধান নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>সার্চ</label><br>
  <input type="search" name="search"><br><br>

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

range - ইনপুট টাইপ পরিসর নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>ভলিয়াম</label><br>
  <input type="range" name="volume" min="0" max="60"><br><br>
</form>

password - ইনপুট টাইপ পাসওয়ার্ড নির্ধারণ করার উদাহরণ।

html
<form action="index.php" method="post">
  <label>ব্যবহারকারীর নাম</label><br>
  <input type="text" name="name"><br>
  <label>পাসওয়ার্ড</label><br>
  <input type="password" name="pass"><br><br>

  <input type="submit" name="submit" value="লগইন">
</form>

reset - ফর্মের ডেটা রিসেট করার উদাহরণ।

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

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

radio - ইনপুট থেকে একটি নির্বাচন করার উদাহরণ।

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

  <label>আপনার লিঙ্গ</label><br>
  <input type="radio" name="gender">
  <label>পুরুষ</label><br>
  
  <input type="radio" name="gender">
  <label>মহিলা</label><br><br>

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

</form>

checkbox - ইনপুট থেকে এক অথবা একাধিক নির্বাচন করার উদাহরণ।

html
<form action="index.php" method="post">

  <label>আপনার দক্ষতা</label><br>

  <input type="checkbox" name="skill[]" value="পিএইচপি">
  <label>পিএইচপি</label><br>

  <input type="checkbox" name="skill[]" value="জাভা">
  <label>জাভা</label><br>

  <input type="checkbox" name="skill[]" value="পাইথন">
  <label>পাইথন</label><br>

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

</form>

submit - ফর্ম জমা নির্ধারণ করার উদাহরণ।

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

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

button - ইনপুট টাইপ বাটন নির্ধারণ করার উদাহরণ।

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

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

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

নাম বিবরণ
text ইনপুট টাইপ টেক্সট নির্ধারণ করতে ব্যবহৃত হয়।
number ইনপুট টাইপ সংখ্যা নির্ধারণ করতে ব্যবহৃত হয়।
tel ইনপুট টাইপ টেলিফোন নম্বর নির্ধারণ করতে ব্যবহৃত হয়।
email ইনপুট টাইপ ইমেইল নির্ধারণ করতে ব্যবহৃত হয়।
image ইনপুট টাইপ ছবি নির্ধারণ করতে ব্যবহৃত হয়।
file ইনপুট টাইপ ফাইল নির্ধারণ করতে ব্যবহৃত হয়।
color ইনপুট টাইপ রং নির্ধারণ করতে ব্যবহৃত হয়।
week ইনপুট টাইপ সপ্তাহ নির্ধারণ করতে ব্যবহৃত হয়।
url ইনপুট টাইপ এউআরএল নির্ধারণ করতে ব্যবহৃত হয়।
time ইনপুট টাইপ সময় নির্ধারণ করতে ব্যবহৃত হয়।
month ইনপুট টাইপ মাস নির্ধারণ করতে ব্যবহৃত হয়।
date ইনপুট টাইপ তারিখ নির্ধারণ করতে ব্যবহৃত হয়।
search ইনপুট টাইপ অনুসন্ধান নির্ধারণ করতে ব্যবহৃত হয়।
range ইনপুট টাইপ পরিসর নির্ধারণ করতে ব্যবহৃত হয়।
password ইনপুট টাইপ পাসওয়ার্ড নির্ধারণ করতে ব্যবহৃত হয়।
reset ফর্মের ডেটা রিসেট করতে ব্যবহৃত হয়।
radio ইনপুট থেকে একটি নির্বাচন করতে ব্যবহৃত হয়।
checkbox ইনপুট থেকে এক অথবা একাধিক নির্বাচন করতে ব্যবহৃত হয়।
submit ফর্ম জমা নির্ধারণ করতে ব্যবহৃত হয়।
button ইনপুট টাইপ বাটন নির্ধারণ করতে ব্যবহৃত হয়।