HTML <input> ট্যাগ

  • পূর্ববর্তী পৃষ্ঠা <img>
  • পরবর্তী পৃষ্ঠা <ins>

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

<input> ট্যাগ ইনপুট ফিল্ডকে নির্দিষ্ট করে, যেখানে ব্যবহারকারী ডাটা ইনপুট করতে পারে

<input> এলিমেন্টটি সবচেয়ে মূল্যবান ফর্ম এলিমেন্ট

<input> এলিমেন্টটি বিভিন্ন পদ্ধতিতে প্রদর্শিত হতে পারে, যা নির্ভর করে টাইপ প্রতিভূতি。

এখানে বিভিন্ন ইনপুট টাইপ রয়েছে:

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">（ডিফল্ট মান）
  • <input type="time">
  • <input type="url">
  • <input type="week">

দেখুন টাইপ প্রতিভূতি، দেখার জন্য প্রত্যেকটি ইনপুট টাইপের ইনস্ট্যান্স!

ইনস্ট্যান্স

তিনটি ইনপুট ফিল্ড ধারণকারী একটি HTML ফর্ম; দুটি টেক্সট ফিল্ড এবং একটি জমা দাও বুটন:

<form action="/action_page.php">
  <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>

আপনাদের নিজেদের চেষ্টা করুন

সলাহ এবং মন্তব্য

সলাহ:সবসময় <label> ট্যাগটি নিচের এলিমেন্টগুলির জন্য লেবেল হিসাবে ব্যবহার করুন:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

বৈশিষ্ট্য

বৈশিষ্ট্য মান বর্ণনা
accept
  • ফাইল এক্সটেনশন
  • audio/*
  • video/*
  • image/*
  • মিডিয়া ধরন

ফাইল ইনপুট দ্বারা জমা দেওয়া হওয়া ফাইলের ধরন নির্দিষ্ট করে

ফাইল ইনপুট ডিলগের মাধ্যমে ব্যবহারকারীকে কোনো ফাইলের ধরন নির্বাচন করতে দেওয়া হবে (শুধুমাত্র type="file"-এর জন্য প্রযোজ্য)
alt লেখা চিত্রের প্রতিস্থাপন টেক্সট নির্দিষ্ট করে (শুধুমাত্র type="image"-এর জন্য প্রযোজ্য)
autocomplete
  • on
  • off
 ইনপুট এলিমেন্টকে স্বয়ংক্রিয়ভাবে কোনো ফিল্ড থেকে পূর্ণ করা হবে কিনা না তা নির্দিষ্ট করে
autofocus autofocus পৃষ্ঠা লোড হওয়ার সময় ইনপুট এলিমেন্টকে স্বয়ংক্রিয়ভাবে ফোকাস করা হবে
checked checked পৃষ্ঠা লোড হওয়ার সময় ইনপুট এলিমেন্টকে প্রাক্কৃতভাবে নির্বাচিত করা হবে (type="checkbox" এবং type="radio"-এর জন্য প্রযোজ্য)
dirname inputname.dir জমা দেওয়া টেক্সটের দিশা নির্দিষ্ট করে
disabled disabled ইনপুট এলিমেন্টকে নিষ্ক্রিয় করা হবে
form ফর্ম id ইনপুট এলিমেন্টটির জন্য ফর্মকে নির্দিষ্ট করে
formaction URL ফর্ম জমা দেওয়ার সময় ইনপুট কন্ট্রোলারের ফাইলের URL নির্দিষ্ট করে (type="submit" এবং type="image"-এর জন্য প্রযোজ্য)
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 multipart/form-data
text/plain
  • প্রবর্তন করুন ফরম সমর্থন ইলাকার প্রক্রিয়াকরণের সময় ফরম ডাটা কিভাবে সার্ভারে পাঠানো হবে (type="submit" এবং type="image"-র জন্য)。
  • formmethod
 get
post post নির্দিষ্ট ফরম সমর্থন ইলাকার প্রক্রিয়াকরণের সময় action URL-তে কী HTTP পদ্ধতি ব্যবহার করা হবে (type="submit" এবং type="image"-র জন্য)。
formnovalidate
  • নির্দিষ্ট ফরম সমর্থন ইলাকার প্রক্রিয়াকরণের সময় তা পরীক্ষা করা হবে না
  • formtarget
  • _blank
  • _self
_parent 		_top
ফ্রেম নাম পিক্সেল প্রবর্তন করুন সমর্থন ফরম সমর্থন প্রক্রিয়াকরণ পরে যেখানে প্রতিক্রিয়াটা প্রদর্শন করা হবে (type="submit" এবং type="image"-র জন্য)。
list datalist_id প্রবর্তন করুন <input> ইলাকার প্রস্থ (শুধুমাত্র type="image"-র জন্য)。
max
  • সংখ্যা
  • তারিখ
 প্রবর্তন করুন <input> ইলাকার সর্বমান মান
maxlength সংখ্যা প্রবর্তন করুন <input> ইলাকার অনুমতি প্রদান করা অক্ষর সংখ্যা
min
  • সংখ্যা
  • তারিখ
 প্রবর্তন করুন <input> ইলাকার সর্বনিম্ন মান
minlength সংখ্যা প্রবর্তন করুন <input> ইলাকার অনুবর্তীতম অক্ষর সংখ্যা
multiple multiple প্রবর্তন করুন ব্যবহারকারী <input> ইলাকায় একাধিক মান প্রবেশ করতে পারে
name লেখা প্রবর্তন করুন <input> ইলাকার নাম
pattern প্রকাশ্য রূপরেখা প্রবর্তন করুন <input> ইলাকার মানের প্রকাশ্য রূপরেখা
placeholder লেখা প্রবর্তন করুন <input> ইলাকার প্রত্যাশিত মানের স্বল্প টুইপ
popovertarget ইলাকার id প্রবর্তন করুন ডিসপ্লেইসিং popovertargetaction (শুধুমাত্র type="button"-র জন্য)。
popovertargetaction
  • hide
  • show
  • toggle
 প্রবর্তন করুন বাটন ক্লিক করলে popovertargetaction ইলাকার কী হবে (শুধুমাত্র type="button"-র জন্য)。
readonly readonly প্রবর্তন করুন ইনপুট ফিল্ড কেবলমাত্র পড়ার জন্য
required required প্রবর্তন করুন ফরম সমর্থন প্রক্রিয়াকরণ পূর্বে অনিবার্য লেখা হওয়া ইনপুট ফিল্ড
size সংখ্যা প্রবর্তন করুন <input> ইলাকার প্রস্থ (অক্ষর সংখ্যার ভিত্তিতে)。
src URL প্রস্তুত সমর্থন বাটন ইমেজের URL (শুধুমাত্র type="image"-র জন্য)。
step
  • সংখ্যা
  • অসীম
 ইনপুট ফিল্ডের অবৈধ সংখ্যাগুলির মধ্যে বিভাজন নির্ধারণ করে
type
  • button
  • checkbox
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week
 প্রদর্শিত হওয়ার জন্য ইনপুট এলিমেন্টের ধরন নির্ধারণ করে
value লেখা ইনপুট এলিমেন্টের মান নির্ধারণ করে
width পিক্সেল ইনপুট এলিমেন্টের প্রস্থতা নির্ধারণ করে (শুধুমাত্র type="image"-এর জন্য প্রযোজ্য)

সার্ভিকাল বৈশিষ্ট্য

<input> ট্যাগটি এছাড়াও HTML-তে সার্ভিকাল বৈশিষ্ট্য。

ইভেন্ট বৈশিষ্ট্য

<input> ট্যাগটি এছাড়াও HTML-তে ইভেন্ট বৈশিষ্ট্য。

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

অস্ত্র

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
সমর্থন সমর্থন সমর্থন সমর্থন সমর্থন

সংশ্লিষ্ট পৃষ্ঠা

HTML শিক্ষাক্রম:

HTML DOM পরিচিতি মানক:

  • পূর্ববর্তী পৃষ্ঠা <img>
  • পরবর্তী পৃষ্ঠা <ins>