Web Development tutorial in bangla part-8 :)-

 

এই এইচটিএমএল টিউটোরিয়ালটিতে এইচটিএমএল ব্যবহৃত ফর্ম এবং ইনপুট ট্যাগগুলি শেখার সাথে জড়িত। আমরা একটি নতুন এইচটিএমএল ফাইল "tut8.html" হিসাবে তৈরি করে এবং এমমেট সংক্ষেপণের মাধ্যমে একটি বয়লারপ্লেট যোগ করে শুরু করতে যাচ্ছি। ফর্মগুলি এইচটিএমএলের একটি খুব গুরুত্বপূর্ণ অংশ। এটি তথ্য জমা দেওয়ার জন্য ইন্টারেক্টিভ নিয়ন্ত্রণগুলি সহ নথি বিভাগকে উপস্থাপন করে।

যখনই আমরা এইচটিএমএলে <for> ট্যাগ যুক্ত করি, ভবিষ্যতের রেফারেন্সের জন্য এটি নির্দিষ্ট ফর্মটি ব্যাকএন্ডে জমা দেওয়ার জন্য কিছু পদক্ষেপ নিতে বলে। সুতরাং, আপাতত, আমরা এটি ব্যাকএন্ড.পিপি হিসাবে লিখব। কোনও ফর্মে জমা দেওয়া সমস্ত ডেটা জমা দেওয়ার পরে ব্যাকএন্ড "ব্যাকএন্ড.এফপি" এ স্বয়ংক্রিয়ভাবে সংরক্ষণ করা হবে।

টেমপ্লেটটি দেখতে পাবেন-

<ফর্ম অ্যাকশন = "ব্যাকএন্ড.এফপি">

তারপরে <ইনপুট> ট্যাগগুলি ফর্মের অভ্যন্তরে উপস্থিত থাকে যেখানে ব্যবহারকারী ইনপুট সরবরাহ করে। এই ইনপুটগুলি যে কোনও ধরণের পাঠ্য, বোতাম, চেকবক্স, তারিখ, সময় ইত্যাদি হতে পারে।

<স্প্যান> একটি ইন-লাইন উপাদান এবং <ডিভ> একটি ব্লক উপাদান। যার অর্থ, যদি আমরা বিভিন্ন ইনপুটগুলির জন্য দুটি পৃথক ডিভ ট্যাগ ব্যবহার করি, তবে সমস্ত ইনপুট বিভিন্ন লাইনে আসবে। আমরা আসন্ন টিউটোরিয়ালে স্প্যান এবং ডিভ সম্পর্কে বিস্তারিত জানব। ততক্ষণে আমরা লাইন ভাঙার জন্য <br> ট্যাগগুলি ব্যবহার করব।

পাঠ্য হিসাবে ইনপুট পেতে, বাক্য গঠনটি হ'ল-

<ইনপুট টাইপ = "পাঠ্য">

ফর্মটিতে ইমেল হিসাবে ইনপুট টাইপ পেতে সিনট্যাক্সটি হ'ল-

<ডিভ>

            ইমেল: <ইনপুট টাইপ = "ইমেল" নাম = "মাইমেইল">

</div>

নামটি এখানে ব্যবহার করা হয়েছে যাতে ব্যাকএন্ডটি আমরা যে ট্যাগটি ব্যবহার করছি তা সনাক্ত করতে পারে।

ফর্মটিতে জমা বোতামটি পেতে সিনট্যাক্সটি হ'ল-

<ডিভ>

          <ইনপুট টাইপ = "জমা" মান = "এখনই জমা দিন">

</div>

আমরা ফর্মটিতে তারিখ এবং সময়ও যুক্ত করতে পারি। এগুলি যুক্ত করতে সাধারণ বাক্য গঠনটি হ'ল-

<ডিভ>

         <ইনপুট টাইপ = "তারিখ" নাম = "মাইডেট" আইডি = "">

</div>

এটি "তারিখ / মিমি / ইয়াহ্যি" আকারে সম্পূর্ণ তারিখ ফর্মটি দেবে \

এইচটিএমএল আকারে কোনও সংখ্যার পাঠ্য যুক্ত করতে সিনট্যাক্সটি হ'ল-

<ডিভ>

             সংখ্যা: <ইনপুট টাইপ = "সংখ্যা" নাম "মাই নাম্বার">

</div>

বেশ কয়েকটি অনলাইন ফর্ম পূরণ করার সময়, আপনি অবশ্যই ফর্মটিতে রেডিও বোতাম এবং চেকবক্সগুলি দেখেছেন। রেডিও বোতামগুলি এমন বোতাম যা সকলের মধ্যে নিম্নলিখিত বিকল্পগুলির মধ্যে যে কোনও একটি নির্বাচন করতে দেয়। উদাহরণস্বরূপ, লিঙ্গ নির্বাচন করার সময়, আমরা কেবল পুরুষ বা মহিলা উভয়ই নির্বাচন করতে পারি। যেখানে চেকবক্সটি উপলভ্য একাধিক বিকল্প নির্বাচন করতে দেয়। উভয় ফরম্যাটের উদাহরণ নিম্নরূপ-

চেকবক্সের জন্য-

 <ডিভ>

            আপনি কি যোগ্য ?: <ইনপুট টাইপ = "চেকবক্স" নাম = "আমারলিগিবিলিটি" পরীক্ষা করা হয়েছে>

 </div>

রেডিও বোতামের জন্য-

<ডিভ>

            লিঙ্গ: পুরুষ <ইনপুট টাইপ = "রেডিও" নাম = "আমার জেন্ডার"> মহিলা <ইনপুট টাইপ = "রেডিও" নাম = "মাইজেন্ডার">

            অন্যান্য <ইনপুট টাইপ = "রেডিও" নাম = "মাইজেন্ডার">

 </div>

ফর্মটিতে প্রবেশ করা সমস্ত তথ্য পুনরায় সেট করতে আমরা একটি রিসেট বোতামের সহায়তা নিই। রিসেট বোতামটি পেতে, আমাদের লিখতে হবে-

<ডিভ>

            ইনপুট টাইপ = "রিসেট" মান = "এখনই রিসেট করুন"

</div>

এই সমস্ত ইনপুট ট্যাগ সন্নিবেশ করার পরে, আমাদের ফর্মটি দেখতে যেমন-

এইচটিএমএলে ফর্মের অভ্যন্তরে ব্যবহৃত বেসিক ইনপুট ট্যাগগুলির কয়েকটি উদাহরণ। এগুলি ছাড়াও আরও অনেকগুলি ইনপুট ট্যাগ উপলভ্য, তবে আপনাকে একবারে এগুলি শেখার দরকার নেই। আপনি সর্বদা উপলব্ধ রেফারেন্সের সহায়তা নিতে পারেন। এবং আরও একটি পরামর্শ, একবারে সমস্ত কিছু উপলব্ধি করার চেষ্টা করবেন না। অনুশীলন একটি মানুষকে নিখুঁত করে তোলে.