বিস্-মিল্লাহির রাহমানির রাহীম । প্রথমে সবাই কে সালাম জানাই আসসালামু আলাইকুম ওয়া রাহমাতুল্লাহ ! সালামটা গ্রহণ করবেন । আপনারা সবাই কেমন আছেন । আশা করি ভালো আছেন ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১৭ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML লেআউটস / Layouts সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ১৫ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML ফর্মস / Forms নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল ফর্মসঃ
এইচটিএমএল ফর্মস একটি সার্ভারে তথ্য প্রেরণ করতে ব্যবহৃত হয় । একটি এইচটিএমএল ফর্ম এ থাকতে পারে ইনপুট এলিমেন্ট এর মতো, টেক্সট ক্ষেত্র / Text Fields , চেকবক্স / Checkboxes , রেডিও বোতাম / Radio-Buttons , জমা বোতাম / Submit Buttons এবং আরো কিছু । এছাড়াও থাকতে পারে, নির্বাচন তালিকা / Select Lists , টেক্সট এরিয়া / Textarea , ফিল্ডসেট / Fieldset, লেজেন্ড / Legend, ও লেবেল / Label এলিমেন্টস ।
<form> ট্যাগ একটি এইচটিএমএল ফর্ম তৈরি করতে ব্যবহার করা হয় ।
উদাহরণঃ
<form>
.
input elements
.
</form>
এইচটিএমএল ফর্মস - ইনপুট এলিমেন্টঃ
সবচেয়ে গুরুত্বপূর্ণ ফর্ম এলিমেন্ট <input> এলিমেন্ট । <input> এলিমেন্ট ব্যবহারকারীর তথ্য নির্বাচন করার জন্য ব্যবহার করা হয় । একটি <input> এলিমেন্ট বৈশিষ্ট্যের উপর নির্ভর করে অনেক উপায়ে বিভিন্ন রকমের হতে পারে । একটি <input> এলিমেন্ট হতে পারে টেক্সট ক্ষেত্র / Text Fields , চেকবক্স / Checkboxes , পাসওয়ার্ড / PassWord , রেডিও বাটন / Radio-Buttons , জমা বাটন / Submit Buttons , এবং আরও অনেক কিছু ।
সবচেয়ে সাধারণ ইনপুট এলিমেন্ট গুলো নিচে লিখা হলঃ
টেক্সট ক্ষেত্র / Text Fields:
<input type="text"> এটি এক লাইনের ইনপুট ফিল্ড কে সংজ্ঞায়িত করে এবং এখানে একজন ব্যবহারকারী টেক্সট লিখতে পারেন ।
উদাহরণঃ
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
First name:
Last name:
নোটঃ ফর্ম নিজে কাছে দৃশ্যমান নয় । একটি টেক্সট ক্ষেত্রের ডিফল্ট ২০ অক্ষরের হয় ।
পাসওয়ার্ড ফিল্ড অথবা ক্ষেত্র / PassWord Fields:
<input type="password"> এটি দিয়ে সংজ্ঞায়িত হয় একটি পাসওয়ার্ড ফিল্ড ।
উদাহরণঃ
<form>
Password: <input type="password" name="pwd">
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
Password:
নোটঃ একটি পাসওয়ার্ড ক্ষেত্রের মধ্যে অক্ষর (আস্টেরিক্স বা বৃত্ত হিসাবে দেখানো হয়েছে) রুক্ষ ও ফাঁকা হয়েছে ।
আপনাদের দোয়াই আমিও ভালো আছি । আমি এই পর্যন্ত এইচটিএমএল সম্পর্কে ১৭ টি পোস্ট
করছি । আমার গত পোস্ট টি ছিল এইচটিএমএল/HTML লেআউটস / Layouts সম্পর্কে । যারা দেখেন নি তারা দেখে নিন । এইচটিএমএল টিউটোরিয়াল । HTML Tutorial পর্ব ১৫ ।
আমি আজ কে আলোচনা করব এইচটিএমএল / HTML ফর্মস / Forms নিয়ে । তাহলে শুরু করা যাক ।
এইচটিএমএল ফর্মসঃ
এইচটিএমএল ফর্মস একটি সার্ভারে তথ্য প্রেরণ করতে ব্যবহৃত হয় । একটি এইচটিএমএল ফর্ম এ থাকতে পারে ইনপুট এলিমেন্ট এর মতো, টেক্সট ক্ষেত্র / Text Fields , চেকবক্স / Checkboxes , রেডিও বোতাম / Radio-Buttons , জমা বোতাম / Submit Buttons এবং আরো কিছু । এছাড়াও থাকতে পারে, নির্বাচন তালিকা / Select Lists , টেক্সট এরিয়া / Textarea , ফিল্ডসেট / Fieldset, লেজেন্ড / Legend, ও লেবেল / Label এলিমেন্টস ।
<form> ট্যাগ একটি এইচটিএমএল ফর্ম তৈরি করতে ব্যবহার করা হয় ।
উদাহরণঃ
<form>
.
input elements
.
</form>
এইচটিএমএল ফর্মস - ইনপুট এলিমেন্টঃ
সবচেয়ে গুরুত্বপূর্ণ ফর্ম এলিমেন্ট <input> এলিমেন্ট । <input> এলিমেন্ট ব্যবহারকারীর তথ্য নির্বাচন করার জন্য ব্যবহার করা হয় । একটি <input> এলিমেন্ট বৈশিষ্ট্যের উপর নির্ভর করে অনেক উপায়ে বিভিন্ন রকমের হতে পারে । একটি <input> এলিমেন্ট হতে পারে টেক্সট ক্ষেত্র / Text Fields , চেকবক্স / Checkboxes , পাসওয়ার্ড / PassWord , রেডিও বাটন / Radio-Buttons , জমা বাটন / Submit Buttons , এবং আরও অনেক কিছু ।
সবচেয়ে সাধারণ ইনপুট এলিমেন্ট গুলো নিচে লিখা হলঃ
টেক্সট ক্ষেত্র / Text Fields:
<input type="text"> এটি এক লাইনের ইনপুট ফিল্ড কে সংজ্ঞায়িত করে এবং এখানে একজন ব্যবহারকারী টেক্সট লিখতে পারেন ।
উদাহরণঃ
<form>
First name: <input type="text" name="firstname"><br>
Last name: <input type="text" name="lastname">
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
First name:
Last name:
নোটঃ ফর্ম নিজে কাছে দৃশ্যমান নয় । একটি টেক্সট ক্ষেত্রের ডিফল্ট ২০ অক্ষরের হয় ।
পাসওয়ার্ড ফিল্ড অথবা ক্ষেত্র / PassWord Fields:
<input type="password"> এটি দিয়ে সংজ্ঞায়িত হয় একটি পাসওয়ার্ড ফিল্ড ।
উদাহরণঃ
<form>
Password: <input type="password" name="pwd">
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
Password:
নোটঃ একটি পাসওয়ার্ড ক্ষেত্রের মধ্যে অক্ষর (আস্টেরিক্স বা বৃত্ত হিসাবে দেখানো হয়েছে) রুক্ষ ও ফাঁকা হয়েছে ।
রেডিও বাটনস / Radio Buttons:
<input type="radio"> এটি একটি রেডিও বাটন সংজ্ঞায়িত করে । রেডিও বাটন হচ্ছে ব্যবহারকারী পছন্দ একটি সীমিত সংখ্যক জিনিস যা শুধুমাত্র একবার একটি নির্বাচন করা যায় ।
উদাহরণঃ
<form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
<input type="radio" name="sex" value="male">Male<br>
<input type="radio" name="sex" value="female">Female
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
Male
Female
Female
চেকবক্স / Checkboxes:
<input type="checkbox"> এটি একটি চেকবক্স সংজ্ঞায়িত করে । এটি একটি ব্যবহারকারী পছন্দ একটি সীমিত সংখ্যক জিনিস যা হতে পারে শূন্য বা তার বেশি ।
উদাহরণঃ
<form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
<input type="checkbox" name="vehicle" value="Bike">I have a bike<br>
<input type="checkbox" name="vehicle" value="Car">I have a car
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
I have a bike
I have a car
I have a car
জমা বোতাম / Submit Button:
<input type="submit"> একটি submit বাটন সংজ্ঞায়িত করে । একটি submit বাটন একটি সার্ভারে ফর্ম ডেটা প্রেরণ করতে ব্যবহৃত হয় । তথ্য ফর্ম এর কর্মের বৈশিষ্ট্য উল্লেখ করে পৃষ্ঠা থেকে পাঠানো হয় কর্মের বৈশিষ্ট্য । কর্মের বৈশিষ্ট্য সংজ্ঞায়িত ফাইল সাধারণত প্রাপ্ত ইনপুট সঙ্গে আছে ।
উদাহরণঃ
<form name="input" action="html_form_action.asp" method="get">
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
Username: <input type="text" name="user">
<input type="submit" value="Submit">
</form>
উপরের কোড টি ব্রাউজার এ যেভাবে দেখাবেঃ
আপনি উপরের টেক্সট ক্ষেত্রের মধ্যে কিছু অক্ষর টাইপ করুন, এবং "Submit" বাটন ক্লিক করা হলে, ব্রাউজার "html_form_action.asp" নামক একটি পৃষ্ঠায় আপনি আপনার ইনপুট পাঠাতে হবে । পৃষ্ঠা প্রাপ্ত ইনপুট ব্রাউজার এ প্রদর্শন করবে ।
এইচটিএমএল ফর্ম ট্যাগঃ
New : এইচটিএমএল ৫ এর নতুন ট্যাগ:
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
এইচটিএমএল ফর্ম ট্যাগঃ
New : এইচটিএমএল ৫ এর নতুন ট্যাগ:
আজ এই পর্যন্ত থাক আগামী দিন বিস্তারিত আলোচনা করব । ধন্যবাদ সবাই কে । যদি ভালো লাগে তাহলে কমেন্ট করুন । আর যদি কোন সমস্যা হয় তাহলেও কমেন্ট করুন । ভালো থাকুন সুস্থ থাকুন
।
দয়া করে কেউ এই ব্লগের কোনো কিছু চুরি করবেন না ।
কোন মন্তব্য নেই:
একটি মন্তব্য পোস্ট করুন