HTML <input> ট্যাগটি একটি ফর্মের ভিতরে ব্যবহার করে একটি ইনপুট এলিমেন্ট ঘোষণা করা হয় - একটি কন্ট্রোল যা ব্যবহারকারীকে ডেটা ইনপুট দিতে দেয়।
নিচে প্রধান অ্যাট্রিবিউটগুলো দেওয়া হলো:
| অ্যাট্রিবিউট | মান | বিবরণ |
|---|---|---|
| accept | content types | সার্ভার যা কন্টেন্ট টাইপ গুলো গ্রহণ করে তার কমা-সেপারেটেড তালিকা নির্দিষ্ট করে |
| align | left, right, top, middle, bottom | ডিপ্রিকেটেড - কন্টেন্টের অ্যালাইনমেন্ট নির্ধারণ করে |
| alt | Text | ব্রাউজার/ইউজার এজেন্ট ইনপুট কন্ট্রোল রেন্ডার না করলে ব্যবহৃত টেক্সট নির্দিষ্ট করে |
| autocomplete | on, off | <input> এলিমেন্টে অটোকমপ্লিট সক্ষম বা নিষ্ক্রিয় করার জন্য নির্দিষ্ট করে |
| autofocus | Autofocus | পেজ লোড হলে <input> এলিমেন্টটি অটোমেটিক্যালি ফোকাস পাবে তা নির্দিষ্ট করে |
| checked | Checked | type="radio" বা type="checkbox" হলে পেজ লোড হলে এটি ইতিমধ্যে সিলেক্টেড থাকবে |
| disabled | Disabled | ইনপুট কন্ট্রোলটি ডিজেবল করে। বাটনটি ব্যবহারকারীর পরিবর্তন গ্রহণ করবে না। |
| form | form_id | এক বা একাধিক ফর্ম নির্দিষ্ট করে |
| formaction | URL | ফর্ম সাবমিট হলে ইনপুট কন্ট্রোল প্রসেস করার ফাইলের URL নির্দিষ্ট করে |
| formenctype | application/x-www-form-urlencoded, multipart/form-data, text/plain | ফর্ম ডেটা সার্ভারে পাঠানোর সময় কীভাবে এনকোড হবে তা নির্দিষ্ট করে |
| formmethod | post, get | একশন URL-এ ডেটা পাঠানোর HTTP মেথড নির্ধারণ করে |
| formnovalidate | Formnovalidate | ফর্ম এলিমেন্টগুলো সাবমিট করার সময় ভ্যালিডেট হবে না তা নির্ধারণ করে |
| formtarget | _blank, _self, _parent, _top | ফর্ম সাবমিট করার পর রেসপন্স কোথায় দেখানো হবে তা নির্দিষ্ট করে |
| height | Pixels | উচ্চতা নির্দিষ্ট করে |
| list | datalist_id | <datalist> এলিমেন্ট নির্দিষ্ট করে যা <input> এলিমেন্টের জন্য প্রি-ডিফাইনড অপশন ধারণ করে |
| max | Number | সর্বোচ্চ মান নির্দিষ্ট করে |
| maxlength | Number | টেক্সট ফিল্ডে অনুমোদিত সর্বোচ্চ ক্যারেক্টার সংখ্যা নির্ধারণ করে |
| min | Number | সর্বনিম্ন মান নির্দিষ্ট করে |
| multiple | Multiple | ব্যবহারকারী একাধিক মান ইনপুট দিতে পারবে তা নির্দিষ্ট করে |
| name | Text | ইনপুট কন্ট্রোলের জন্য একটি নাম নির্ধারণ করে |
| pattern | Regexp | <input> এলিমেন্টের মান যে রেগুলার এক্সপ্রেশন অনুযায়ী চেক হবে তা নির্দিষ্ট করে |
| placeholder | Text | প্রত্যাশিত মান বর্ণনা করে একটি সংক্ষিপ্ত হিন্ট নির্দিষ্ট করে |
| readonly | Readonly | ইনপুট কন্ট্রোলকে রিড-অনলি সেট করে। ব্যবহারকারী মান পরিবর্তন করতে পারবে না। |
| required | required | ফর্ম সাবমিট করার আগে ইনপুট ফিল্ডটি অবশ্যই পূরণ করতে হবে তা নির্দিষ্ট করে |
| size | Number | কন্ট্রোলের প্রস্থ নির্দিষ্ট করে। type="text" বা "password" হলে ক্যারেক্টারে, অন্যথায় পিক্সেলে। |
| src | URL | প্রদর্শন করার ছবির URL নির্ধারণ করে। শুধু type="image" এর জন্য ব্যবহার করা হয়। |
| step | Number | ইনপুট ফিল্ডের জন্য বৈধ নম্বর ইন্টারভাল নির্দিষ্ট করে |
| type | button, checkbox, color, date, datetime, datetime-local, email, file, hidden, image, month, number, password, radio, range, reset, search, submit, tel, text, time, url, week | কন্ট্রোলের ধরন নির্দিষ্ট করে |
| value | Text | কন্ট্রোলের প্রাথমিক মান নির্দিষ্ট করে। type="checkbox" বা "radio" হলে এই অ্যাট্রিবিউটটি আবশ্যক। |
| width | Pixels | প্রস্থ নির্দিষ্ট করে |
উদাহরণ
নিচের কোডটি চালিয়ে HTML-এ <input> এলিমেন্টের ব্যবহার দেখুন:
<!DOCTYPE html> <html> <head> <title>HTML input Tag</title> </head> <body> <form action = "/cgi-bin/hello_get.cgi" method = "get"> First name: <input type = "text" name = "first_name" value = "" maxlength = "100" /> <br /> Last name: <input type = "text" name = "last_name" value = "" maxlength = "100" /> <input type = "submit" value = "Submit" /> </form> </body> </html>
