ইনপুট ট্যাগ

input ট্যাগ বিভিন্ন এইচটিএমএল ফর্ম উপাদান তৈরি করে: সাধারণ ইনপুট ক্ষেত্র, পাসওয়ার্ড ইনপুট ক্ষেত্র, চেকবক্স (চেকবক্স), রেডিও বাটন (রেডিও), বাটন।

input ট্যাগটি অবশ্যই form ট্যাগের ভিতরে থাকবে। এটি বাধ্যতামূলক নয়, সার্ভারে ডেটা পাঠানো এবং পিএইচপি এর মাধ্যমে পরবর্তীতে সেগুলি প্রক্রিয়া করার জন্য প্রয়োজন।

ক্লোজিং ট্যাগের প্রয়োজন নেই।

অ্যাট্রিবিউটসমূহ

অ্যাট্রিবিউট	বর্ণনা
type	ইনপুট ক্ষেত্রের ধরন নির্দিষ্ট করে। বিকল্পগুলি নীচে দেখুন।
value	ইনপুট ক্ষেত্রে ডিফল্ট মান। বাটনের ক্ষেত্রে এর টেক্সট নির্দিষ্ট করে। আরও বিস্তারিত জানতে value অ্যাট্রিবিউট দেখুন।
placeholder	ইনপুট ক্ষেত্রে সূত্র, আরও বিস্তারিত জানতে placeholder অ্যাট্রিবিউট দেখুন।
name	ইনপুট ক্ষেত্রের নাম। পিএইচপি তে ইনপুট ক্ষেত্রের ডেটা পাওয়ার জন্য প্রয়োজন। ফর্মের সঠিক কাজের জন্য ইনপুট ক্ষেত্রের নাম একে অপরের সাথে মিলবে না (একটি ফর্মে)। যদি সেগুলি মেলে - পিএইচপি তে সেই ইনপুট ক্ষেত্রের ডেটা আসবে যেটি HTML কোডে নীচে রয়েছে।
disabled	ফর্ম উপাদান (শুধুমাত্র input নয়, প্রায় যেকোনো) লক করে দেয়, আরও বিস্তারিত জানতে disabled অ্যাট্রিবিউট দেখুন।

type অ্যাট্রিবিউটের মানসমূহ

মান	বর্ণনা
text	একটি সাধারণ টেক্সট ইনপুট ক্ষেত্র তৈরি করে।
password	পাসওয়ার্ডের জন্য একটি টেক্সট ইনপুট ক্ষেত্র তৈরি করে। এটিতে টেক্সট লিখুন - এটি তারকাচিহ্ন হিসাবে প্রদর্শিত হবে।
checkbox	একটি চেকবক্স তৈরি করে। আরও বিস্তারিত জানতে checkbox দেখুন।
radio	একটি রেডিও বাটন তৈরি করে। আরও বিস্তারিত জানতে radio দেখুন।
hidden	একটি লুকানো ইনপুট তৈরি করে, যা স্ক্রিনে দৃশ্যমান হবে না, কিন্তু value অ্যাট্রিবিউটে থাকা ডেটা সার্ভারে পাঠাবে।
button	একটি বাটন তৈরি করে। এই বাটনে ক্লিক করলে ফর্মটি সার্ভারে পাঠাবে না। এটি লিঙ্ক এর ভিতরে বা JavaScript এর মাধ্যমে ব্যবহার করা যেতে পারে। ডিফল্টভাবে বাটনের কোন টেক্সট নেই (টেক্সট ছাড়া বাটনের উদাহরণ: ), এটি value এর মাধ্যমে নির্দিষ্ট করা হয়। button ট্যাগটিও দেখুন, যেটিও একটি বাটন তৈরি করে।
submit	একটি বাটন তৈরি করে, যা সার্ভারে ডেটা পাঠাবে। বাটনের টেক্সট ব্রাউজারের উপর নির্ভর করে, এটিকে পরিবর্তন করা যেতে পারে value ব্যবহার করে। button ট্যাগটিও দেখুন, যেটিও একটি বাটন তৈরি করে।
reset	একটি বাটন তৈরি করে, যা পূরণ করা ফর্মটি পরিষ্কার করে। বাটনের টেক্সট ব্রাউজারের উপর নির্ভর করে, এটিকে পরিবর্তন করা যেতে পারে value ব্যবহার করে।
file	একটি ফাইল নির্বাচন বাটন তৈরি করে। এই বাটনের ডিজাইন সিএসএস এর মাধ্যমে পরিবর্তন করা নিষিদ্ধ (তবে এটির জন্য চালাকি উপায় রয়েছে)। যদি আপনার ফর্মে এমন একটি ক্ষেত্রের প্রয়োজন হয়, তবে form ট্যাগটির অবশ্যই enctype অ্যাট্রিবিউটটি multipart/form-data মানে থাকতে হবে।

HTML5 এ type অ্যাট্রিবিউটের নতুন মানসমূহ

এই অ্যাট্রিবিউট মানগুলি নতুন, শুধুমাত্র HTML5 এ উপস্থিত হয়েছে, সুতরাং কিছু ব্রাউজারে সেগুলি কাজ নাও করতে পারে বা বিভিন্ন ব্রাউজারে ভিন্নভাবে কাজ করতে পারে।

যদি ব্রাউজার type অ্যাট্রিবিউটের বিষয়বস্তু বুঝতে না পারে (উদাহরণস্বরূপ, যদি এটি সমর্থিত না হয় বা ভুলভাবে প্রবেশ করানো হয়), এটি উপাদানটিকে একটি সাধারণ টেক্সট ইনপুট হিসাবে বিবেচনা করবে, যেন type এ text মান রয়েছে।

নীচে দেওয়া উদাহরণগুলি বিভিন্ন ব্রাউজারে দেখুন। ইনপুটগুলিতে টেক্সট লিখে এবং সাবমিট বাটনে ক্লিক করে দেখুন। যদি টেক্সট不正确 হয় বা ক্ষেত্রটি খালি থাকে - ব্রাউজার একটি ত্রুটি দেবে। উদাহরণস্বরূপ, যদি email টাইপের ক্ষেত্রে ভুল ইমেল লিখে - ব্রাউজার ফর্ম জমা দিতে দেবে না এবং একটি ত্রুটি বার্তা দেখাবে (ত্রুটির টেক্সট এবং এর চেহারা এইচটিএমএল সিএসএস দিয়ে পরিবর্তন করা যায় না)। যদি ক্ষেত্রটি খালি থাকে - ব্রাউজারও একটি ত্রুটি দেবে, এটি required অ্যাট্রিবিউট ব্যবহার করে অর্জন করা হয়:

মান	বর্ণনা
email
number
url
tel
search
color
date
month
week
datetime
datetime-local
range

আরও দেখুন