ফর্ম ও ফর্ম (form) এ ব্যবহৃত গুরুত্বপূর্ণ ট্যাগসমূহ।
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে ( HTMLও CSS ব্যবহার করে লে-আউট কাঠামো তৈরি। ) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো ( ফর্ম ও ফর্ম (form) এ ব্যবহৃত গুরুত্বপূর্ণ ট্যাগসমূহ। ) তো চলেন দেরি না করে শুরু করা যাক।
ফর্ম ও ফর্ম (form) এ ব্যবহৃত গুরুত্বপূর্ণ ট্যাগসমূহ।
ওয়েব পেজে ব্যবহারকারীর কাছ থেকে তথ্য ইনপুট দেওয়ার জন্য বা কোন ডেটা নেওয়ার জন্য যে ডিজাইন করা হয় তাকে HTML ফর্ম (form) বলে। HTML ·র সাহায্যে তৈরি করে ওয়েব পে আরও আর্কশণীয় করে তোলা যা। এক্ষেত্রে <form> ট্যাগ এর সাথে আরও অন্যান্য ট্যাগ ব্যবহার করা হয়। ওয়েব পে তথা ওয়েবসাইটের জন্য ফর্ম একটি খুবই গুরুত্বপূর্ণ বিষয়।
যে কোন ফর্মে মুলত বাটন, রেডিও বাটন,চেকবক্স,ড্রপডাউনমেনু, সাবমিট বাটন ইত্যাদি কন্ট্রোল ব্যবহৃত হয়
১,রেডিও বাটনঃ একাধিক আইটেমের মধ্য থেকে একটি মাত্র পছন্দের আইটরম নির্ধারণ করার জন্য রেডিও বাটন ব্যবহৃত হয়। যেমন- যে কোনো একজন মানুষ পুরুষ না মহিলা তা নির্ধারণ করার জন্য রেডিও বাটন ব্যবহার করা যেতে পারে।
২,চেকবক্সঃ অনেক গুলো অপশন থেকে প্রয়োজনীয় অপশনসমূহ বা একাধিক অপশন সিলেক্ট বা নির্ধারণ করার জন্য চেকবক্স ব্যবহৃত হয়ে থাকে। যেমন - একজন চাকুরি পেতে আগ্রহী প্রার্থীর শিক্ষাগত যোগ্যতার অপশনগুলো নির্ধারণে চেকবক্স ক্যবহার করা যেতে পারে।
৩,ড্রপডাউনমেনুঃ অনেক গুলো গুলো অপমন থেকে একটি মাত্র অপশন বা নির্ধারণ করার জন্য ড্রপডাউনমেনু ব্যবহৃত হয়। যেমন - একজন চাকুরি পরতে আগ্রহী প্রার্থীর কোনন বিভাগে জন্ম তা নির্ধারণে ড্রপডাউনমেনু ব্যবহার করা যেতে পারে।
৪,সাবমিট বাটনঃ ব্যবহারকারী কর্তৃক সকল ফর্মের তথ্য পূরণ করার পর সাধারণত তথ্যসমূহ প্রেরণ করার জন্য সাবমিট বাটন ব্যবহৃত হয়। সবামিট বাটনে ক্লিক করার সাথে সাথে ফর্মের ইনপুটকৃত তথ্যসমূহ সাধারণত সার্ভারে সংরক্ষিত হয় বা চলে যায়।
♦ফর্ম (form) এ ব্যবহৃত গুরুত্ব পূর্ণ ট্যাগসমূহঃ
১, <textarea> ট্যাগঃ ট্যাগটি হলো একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে ব্যবহারকারী কর্তৃক একাধিক লাইনের টেক্সট ইনপুট করার জন্য সাধারণত এই ট্যাগ ব্যবহার করা হয়।
২,<select> ট্যাগঃ ফর্মের মধ্যে ড্রপডাউনমেনু তৈরি করতে এই ট্যাগ ব্যবহৃত হয়। অবশ্য <select> ট্যাগটিও একটি কনটেইনার ট্যাগ।
৩,<imput> ট্যাগঃ ট্যাগটি হলো একটি এম্পটি ট্যাগ। ফর্মের মধ্যে ইউজার বা ব্যবহারকারী কর্তৃক ডেটা বা তথ্য ইনপুট করার জন্য টেক্সট ফিল্ড তৈরি করতে এই ট্যাগ ব্যবহৃত হয়।
৪,<Option> ট্যাগঃ এই ট্যাগটি হলো একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে ড্রপ ডাউন বক্সের অপশন তৈরি করতে এই ট্যাগটি ব্যবহৃত হয়।
৫,<button) ট্যাগঃ এই ট্যাগটিও একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে একটি পুশ বাটন তৈির করতে এই ট্যাগটি ব্যবহৃত হয়।
৬,<lebel> ট্যাগঃ এই ট্যাগটিও হলো একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে ইনপুট এলিমেন্টের পরিচিতি প্রর্দশনের জন্য এই ট্যাগটি ক্যবহৃত হয়।
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…
আসসালাসু আলাইকুম।আপনারা কেমন আছেন?
তো আমরা গত পর্বে শিখেছি যে ( HTMLও CSS ব্যবহার করে লে-আউট কাঠামো তৈরি। ) আর আজকে যে বিষয় নিয়ে আলোচনা করব সেটি হলো ( ফর্ম ও ফর্ম (form) এ ব্যবহৃত গুরুত্বপূর্ণ ট্যাগসমূহ। ) তো চলেন দেরি না করে শুরু করা যাক।
ফর্ম ও ফর্ম (form) এ ব্যবহৃত গুরুত্বপূর্ণ ট্যাগসমূহ।
ওয়েব পেজে ব্যবহারকারীর কাছ থেকে তথ্য ইনপুট দেওয়ার জন্য বা কোন ডেটা নেওয়ার জন্য যে ডিজাইন করা হয় তাকে HTML ফর্ম (form) বলে। HTML ·র সাহায্যে তৈরি করে ওয়েব পে আরও আর্কশণীয় করে তোলা যা। এক্ষেত্রে <form> ট্যাগ এর সাথে আরও অন্যান্য ট্যাগ ব্যবহার করা হয়। ওয়েব পে তথা ওয়েবসাইটের জন্য ফর্ম একটি খুবই গুরুত্বপূর্ণ বিষয়।
যে কোন ফর্মে মুলত বাটন, রেডিও বাটন,চেকবক্স,ড্রপডাউনমেনু, সাবমিট বাটন ইত্যাদি কন্ট্রোল ব্যবহৃত হয়
১,রেডিও বাটনঃ একাধিক আইটেমের মধ্য থেকে একটি মাত্র পছন্দের আইটরম নির্ধারণ করার জন্য রেডিও বাটন ব্যবহৃত হয়। যেমন- যে কোনো একজন মানুষ পুরুষ না মহিলা তা নির্ধারণ করার জন্য রেডিও বাটন ব্যবহার করা যেতে পারে।
২,চেকবক্সঃ অনেক গুলো অপশন থেকে প্রয়োজনীয় অপশনসমূহ বা একাধিক অপশন সিলেক্ট বা নির্ধারণ করার জন্য চেকবক্স ব্যবহৃত হয়ে থাকে। যেমন - একজন চাকুরি পেতে আগ্রহী প্রার্থীর শিক্ষাগত যোগ্যতার অপশনগুলো নির্ধারণে চেকবক্স ক্যবহার করা যেতে পারে।
৩,ড্রপডাউনমেনুঃ অনেক গুলো গুলো অপমন থেকে একটি মাত্র অপশন বা নির্ধারণ করার জন্য ড্রপডাউনমেনু ব্যবহৃত হয়। যেমন - একজন চাকুরি পরতে আগ্রহী প্রার্থীর কোনন বিভাগে জন্ম তা নির্ধারণে ড্রপডাউনমেনু ব্যবহার করা যেতে পারে।
৪,সাবমিট বাটনঃ ব্যবহারকারী কর্তৃক সকল ফর্মের তথ্য পূরণ করার পর সাধারণত তথ্যসমূহ প্রেরণ করার জন্য সাবমিট বাটন ব্যবহৃত হয়। সবামিট বাটনে ক্লিক করার সাথে সাথে ফর্মের ইনপুটকৃত তথ্যসমূহ সাধারণত সার্ভারে সংরক্ষিত হয় বা চলে যায়।
♦ফর্ম (form) এ ব্যবহৃত গুরুত্ব পূর্ণ ট্যাগসমূহঃ
১, <textarea> ট্যাগঃ ট্যাগটি হলো একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে ব্যবহারকারী কর্তৃক একাধিক লাইনের টেক্সট ইনপুট করার জন্য সাধারণত এই ট্যাগ ব্যবহার করা হয়।
২,<select> ট্যাগঃ ফর্মের মধ্যে ড্রপডাউনমেনু তৈরি করতে এই ট্যাগ ব্যবহৃত হয়। অবশ্য <select> ট্যাগটিও একটি কনটেইনার ট্যাগ।
৩,<imput> ট্যাগঃ ট্যাগটি হলো একটি এম্পটি ট্যাগ। ফর্মের মধ্যে ইউজার বা ব্যবহারকারী কর্তৃক ডেটা বা তথ্য ইনপুট করার জন্য টেক্সট ফিল্ড তৈরি করতে এই ট্যাগ ব্যবহৃত হয়।
৪,<Option> ট্যাগঃ এই ট্যাগটি হলো একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে ড্রপ ডাউন বক্সের অপশন তৈরি করতে এই ট্যাগটি ব্যবহৃত হয়।
৫,<button) ট্যাগঃ এই ট্যাগটিও একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে একটি পুশ বাটন তৈির করতে এই ট্যাগটি ব্যবহৃত হয়।
৬,<lebel> ট্যাগঃ এই ট্যাগটিও হলো একটি কনটেইনার ট্যাগ। ফর্মের মধ্যে ইনপুট এলিমেন্টের পরিচিতি প্রর্দশনের জন্য এই ট্যাগটি ক্যবহৃত হয়।
আজকে এই পর্যন্তই, আবার কোন একদিন দেখা হবে ইনশাআল্লাহ্ , HTMLবা ওয়েব ডিজাইন কোন পোস্ট নিয়ে। আপাততো সবাই ভালো থাকুন, সুস্থ থাকুন। আল্লাহ্র কাছে সবসময় এই দোয়াই করি। আল্লাহ্ হাফেজ…