এইচটিএমএল
🌈এইচটিএমএল কি?
📋এইচটিএমএল হলো ইনপুট টাইপ নির্দিষ্ট করার পদ্ধতি।
⚒️এইচটিএমএল ইনপুট টাইপ নির্দিষ্ট করতে ব্যবহৃত হয়।
এইচটিএমএল সমূহ
এইচটিএমএল এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ text - ইনপুট টাইপ টেক্সট নির্ধারণ করা
- ➡️ number - ইনপুট টাইপ সংখ্যা নির্ধারণ করা
- ➡️ tel - ইনপুট টাইপ টেলিফোন নম্বর নির্ধারণ করা
- ➡️ email - ইনপুট টাইপ ইমেইল নির্ধারণ করা
- ➡️ image - ইনপুট টাইপ ছবি নির্ধারণ করা
- ➡️ file - ইনপুট টাইপ ফাইল নির্ধারণ করা
- ➡️ color - ইনপুট টাইপ রং নির্ধারণ করা
- ➡️ week - ইনপুট টাইপ সপ্তাহ নির্ধারণ করা
- ➡️ url - ইনপুট টাইপ এউআরএল নির্ধারণ করা
- ➡️ time - ইনপুট টাইপ সময় নির্ধারণ করা
- ➡️ month - ইনপুট টাইপ মাস নির্ধারণ করা
- ➡️ date - ইনপুট টাইপ তারিখ নির্ধারণ করা
- ➡️ search - ইনপুট টাইপ অনুসন্ধান নির্ধারণ করা
- ➡️ range - ইনপুট টাইপ পরিসর নির্ধারণ করা
- ➡️ password - ইনপুট টাইপ পাসওয়ার্ড নির্ধারণ করা
- ➡️ reset - ফর্মের ডেটা রিসেট করা
- ➡️ radio - ইনপুট থেকে একটি নির্বাচন করা
- ➡️ checkbox - ইনপুট থেকে এক অথবা একাধিক নির্বাচন করা
- ➡️ submit - ফর্ম জমা নির্ধারণ করা
- ➡️ button - ইনপুট টাইপ বাটন নির্ধারণ করা
text - ইনপুট টাইপ টেক্সট নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ সংখ্যা নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ টেলিফোন নম্বর নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ ইমেইল নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ ছবি নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ ফাইল নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ রং নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>একটি রঙ নির্বাচন করুন</label><br>
<input type="color" name="color"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
week - ইনপুট টাইপ সপ্তাহ নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>একটি সপ্তাহ নির্বাচন করুন</label><br>
<input type="week" name="week"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
url - ইনপুট টাইপ এউআরএল নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>একটি ইউআরএল নির্বাচন করুন</label><br>
<input type="url" name="url"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
time - ইনপুট টাইপ সময় নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>একটি সময় নির্বাচন করুন</label><br>
<input type="time" name="time"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
month - ইনপুট টাইপ মাস নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>একটি মাস নির্বাচন করুন</label><br>
<input type="month" name="month"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
date - ইনপুট টাইপ তারিখ নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>একটি তারিখ নির্বাচন করুন</label><br>
<input type="date" name="date"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
search - ইনপুট টাইপ অনুসন্ধান নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>সার্চ</label><br>
<input type="search" name="search"><br><br>
<input type="submit" name="submit" value="সাবমিট">
</form>
range - ইনপুট টাইপ পরিসর নির্ধারণ করার উদাহরণ।
<form action="index.php" method="post">
<label>ভলিয়াম</label><br>
<input type="range" name="volume" min="0" max="60"><br><br>
</form>
password - ইনপুট টাইপ পাসওয়ার্ড নির্ধারণ করার উদাহরণ।
<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 - ফর্মের ডেটা রিসেট করার উদাহরণ।
<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 - ইনপুট থেকে একটি নির্বাচন করার উদাহরণ।
<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 - ইনপুট থেকে এক অথবা একাধিক নির্বাচন করার উদাহরণ।
<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 - ফর্ম জমা নির্ধারণ করার উদাহরণ।
<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 - ইনপুট টাইপ বাটন নির্ধারণ করার উদাহরণ।
<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 | ইনপুট টাইপ টেলিফোন নম্বর নির্ধারণ করতে ব্যবহৃত হয়। |
| ইনপুট টাইপ ইমেইল নির্ধারণ করতে ব্যবহৃত হয়। | |
| image | ইনপুট টাইপ ছবি নির্ধারণ করতে ব্যবহৃত হয়। |
| file | ইনপুট টাইপ ফাইল নির্ধারণ করতে ব্যবহৃত হয়। |
| color | ইনপুট টাইপ রং নির্ধারণ করতে ব্যবহৃত হয়। |
| week | ইনপুট টাইপ সপ্তাহ নির্ধারণ করতে ব্যবহৃত হয়। |
| url | ইনপুট টাইপ এউআরএল নির্ধারণ করতে ব্যবহৃত হয়। |
| time | ইনপুট টাইপ সময় নির্ধারণ করতে ব্যবহৃত হয়। |
| month | ইনপুট টাইপ মাস নির্ধারণ করতে ব্যবহৃত হয়। |
| date | ইনপুট টাইপ তারিখ নির্ধারণ করতে ব্যবহৃত হয়। |
| search | ইনপুট টাইপ অনুসন্ধান নির্ধারণ করতে ব্যবহৃত হয়। |
| range | ইনপুট টাইপ পরিসর নির্ধারণ করতে ব্যবহৃত হয়। |
| password | ইনপুট টাইপ পাসওয়ার্ড নির্ধারণ করতে ব্যবহৃত হয়। |
| reset | ফর্মের ডেটা রিসেট করতে ব্যবহৃত হয়। |
| radio | ইনপুট থেকে একটি নির্বাচন করতে ব্যবহৃত হয়। |
| checkbox | ইনপুট থেকে এক অথবা একাধিক নির্বাচন করতে ব্যবহৃত হয়। |
| submit | ফর্ম জমা নির্ধারণ করতে ব্যবহৃত হয়। |
| button | ইনপুট টাইপ বাটন নির্ধারণ করতে ব্যবহৃত হয়। |