এইচটিএমএল ইনপুট অ্যাট্রিবিউট
🌈এইচটিএমএল ইনপুট অ্যাট্রিবিউট কি?
📋এইচটিএমএল ইনপুট অ্যাট্রিবিউট হলো ইনপুট বৈশিষ্ট নির্দিষ্ট করার পদ্ধতি।
⚒️এইচটিএমএল ইনপুট অ্যাট্রিবিউট ইনপুট বৈশিষ্ট নির্দিষ্ট করতে ব্যবহৃত হয়।
এইচটিএমএল ইনপুট অ্যাট্রিবিউট সমূহ
এইচটিএমএল ইনপুট অ্যাট্রিবিউট এবং সেগুলোর ব্যবহারের তালিকা
- ➡️ type - টাইপ নির্ধারণ করা
- ➡️ name - নাম নির্ধারণ করা
- ➡️ value - মান নির্ধারণ করা
- ➡️ readonly - মান শুধু পড়ার জন্য নির্ধারণ করা
- ➡️ required - বাধ্যতামূলক নির্ধারণ করা
- ➡️ disabled - নিষ্ক্রিয় করা
- ➡️ autofocus - স্বয়ংক্রিয়ভাবে ফোকাস করা
- ➡️ size - আকার নির্ধারণ করা
- ➡️ maxlength - সর্বোচ্চ অক্ষর সংখ্যা নির্ধারণ করা
- ➡️ multiple - একাধিক মান নির্বাচন করা
- ➡️ pattern - নির্দিষ্ট নিয়ম নির্ধারণ করা
- ➡️ placeholder - নির্দেশনামূলক লেখা প্রদর্শন করা
- ➡️ checked - চেকবক নির্বাচন করা
- ➡️ submit - ডেটা সাবমিট করা
type - টাইপ নির্ধারণ করার উদাহরণ।
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>name - নাম নির্ধারণ করার উদাহরণ।
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>value - মান নির্ধারণ করার উদাহরণ।
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>readonly - মান শুধু পড়ার জন্য নির্ধারণ করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" readonly><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>required - বাধ্যতামূলক নির্ধারণ করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" required><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>disabled - নিষ্ক্রিয় করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" disabled><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>autofocus - স্বয়ংক্রিয়ভাবে ফোকাস করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" autofocus><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>size - আকার নির্ধারণ করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" size="20"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>maxlength - সর্বোচ্চ অক্ষর সংখ্যা নির্ধারণ করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" size="20" maxlength="20"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>multiple - একাধিক মান নির্বাচন করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার ছবি আপলোড করুন</label><br>
<input type="file" name="cv" multiple><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>pattern - নির্দিষ্ট নিয়ম নির্ধারণ করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" pattern="[A-Za-z]{3}"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>placeholder - নির্দেশনামূলক লেখা প্রদর্শন করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার নাম</label><br>
<input type="text" name="name"><br>
<label>আপনার দেশ</label><br>
<input type="text" name="land" placeholder="আপনার নাম"><br><br>
<input type="submit" name="submit" value="সেভ করুন">
</form>checked - চেকবক নির্বাচন করার উদাহরণ।
html
<form action="index.php" method="post">
<label>আপনার দক্ষতা</label><br>
<input type="checkbox" name="skill[]" value="পিএইচপি" checked>
<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>এইচটিএমএল ইনপুট অ্যাট্রিবিউট সম্পর্কিত বিস্তারিত তথ্য
কার্যকর কোডিং উদাহরণ এবং সেগুলোর রেফারেন্স লিংক
| নাম | বিবরণ |
|---|---|
| type | টাইপ নির্ধারণ করতে ব্যবহৃত হয়। |
| name | নাম নির্ধারণ করতে ব্যবহৃত হয়। |
| value | মান নির্ধারণ করতে ব্যবহৃত হয়। |
| readonly | মান শুধু পড়ার জন্য নির্ধারণ করতে ব্যবহৃত হয়। |
| required | বাধ্যতামূলক নির্ধারণ করতে ব্যবহৃত হয়। |
| disabled | নিষ্ক্রিয় করতে ব্যবহৃত হয়। |
| autofocus | স্বয়ংক্রিয়ভাবে ফোকাস করতে ব্যবহৃত হয়। |
| size | আকার নির্ধারণ করতে ব্যবহৃত হয়। |
| maxlength | সর্বোচ্চ অক্ষর সংখ্যা নির্ধারণ করতে ব্যবহৃত হয়। |
| multiple | একাধিক মান নির্বাচন করতে ব্যবহৃত হয়। |
| pattern | নির্দিষ্ট নিয়ম নির্ধারণ করতে ব্যবহৃত হয়। |
| placeholder | নির্দেশনামূলক লেখা প্রদর্শন করতে ব্যবহৃত হয়। |
| checked | চেকবক নির্বাচন করতে ব্যবহৃত হয়। |
| submit | ডেটা সাবমিট করতে ব্যবহৃত হয়। |