Computer >> কম্পিউটার > >> প্রোগ্রামিং >> JavaScript

HTML ফর্ম কি এবং কিভাবে ব্যবহার করতে হয়?

সাইট ভিজিটর থেকে কিছু ডেটা সংগ্রহ করার জন্য HTML ফর্মগুলির প্রয়োজন৷ উদাহরণস্বরূপ, কলেজের ওয়েবসাইটে নিবন্ধন করার সময় একজন ছাত্রের নাম, বয়স, ঠিকানা, চিহ্ন ইত্যাদির তথ্য সংগ্রহ করা।

একটি ফর্ম সাইট ভিজিটরের কাছ থেকে ইনপুট নেয় এবং এটিকে একটি ব্যাক-এন্ড অ্যাপ্লিকেশনে পোস্ট করে যেমন CGI, ASP স্ক্রিপ্ট বা PHP স্ক্রিপ্ট ইত্যাদি। ব্যাক-এন্ড অ্যাপ্লিকেশনটি অ্যাপ্লিকেশনের ভিতরে সংজ্ঞায়িত ব্যবসায়িক যুক্তির উপর ভিত্তি করে পাস করা ডেটাতে প্রয়োজনীয় প্রক্রিয়াকরণ করে।

HTML

ট্যাগটি HTML এ একটি ফর্ম তৈরি করতে ব্যবহৃত হয়।

HTML ফর্ম কি এবং কিভাবে ব্যবহার করতে হয়?

উপরে দেখানো হিসাবে, আমরা কিছু বৈশিষ্ট্য ব্যবহার করেছি। এখানে ফর্মের বৈশিষ্ট্যগুলি রয়েছে

HTML ফর্ম বৈশিষ্ট্য

এখানে HTML ফর্মের বৈশিষ্ট্যগুলি রয়েছে,

S.No	অ্যাট্রিবিউট ও বর্ণনা
1	ক্রিয়া ব্যাকএন্ড স্ক্রিপ্ট আপনার পাস করা ডেটা প্রক্রিয়া করার জন্য প্রস্তুত।
2	পদ্ধতি ডেটা আপলোড করার জন্য ব্যবহার করা পদ্ধতি। সবচেয়ে বেশি ব্যবহৃত হয় GET এবং POST পদ্ধতি।
3	লক্ষ্য টার্গেট উইন্ডো বা ফ্রেম নির্দিষ্ট করুন যেখানে স্ক্রিপ্টের ফলাফল প্রদর্শিত হবে। এর জন্য মান লাগে যেমন _blank, _self, _parent ইত্যাদি।
4	এনক্টিপ সার্ভারে পাঠানোর আগে ব্রাউজার কীভাবে ডেটা এনকোড করে তা নির্দিষ্ট করতে আপনি এনটাইপ অ্যাট্রিবিউট ব্যবহার করতে পারেন। সম্ভাব্য মান হল - আবেদন/x-www-form- urlencoded − এটি হল আদর্শ পদ্ধতি যা বেশিরভাগ ফর্ম সাধারণ পরিস্থিতিতে ব্যবহার করে। mutlipart /ফর্ম-ডেটা − যখন আপনি ছবি, ওয়ার্ড ফাইল ইত্যাদির মতো ফাইল আকারে বাইনারি ডেটা আপলোড করতে চান তখন এটি ব্যবহার করা হয়।

HTML ফর্ম নিয়ন্ত্রণ

টেক্সট ইনপুট, চেকবক্স, রেডিও বক্স, ফাইল সিলেক্ট বক্স, সাবমিট বোতাম ইত্যাদির মতো ডেটা সংগ্রহের জন্য বিভিন্ন ধরনের ফর্ম কন্ট্রোল পাওয়া যায়।

আসুন একটি HTML আকারে ট্যাগ সহ ব্যবহারকারীর ইনপুট পাওয়ার একটি সহজ উদাহরণ দেখি:

উদাহরণ

<!DOCTYPE html>
<html>
   <head>
      <title>HTML Forms</title>
   </head>
   <body>
      <form>
         Student Name: <input type = "text" name = "sname" /><br>
         Student Subject: <input type = "text" name = "ssubject" />
      </form>
   </body>
</html>

উপরের কোডের সাথে, নাম এবং বিষয়ের জন্য ব্যবহারকারীর ইনপুট পান৷

আমরা অ্যাট্রিবিউটস টাইপ ব্যবহার করেছি এবং নাম . চলুন <ইনপুট> ট্যাগ,

এর জন্য অন্যান্য সমস্ত বৈশিষ্ট্য দেখি

Sr.No	অ্যাট্রিবিউট ও বর্ণনা
1	টাইপ ইনপুট নিয়ন্ত্রণের ধরন নির্দেশ করে এবং পাঠ্য ইনপুট নিয়ন্ত্রণের জন্য এটি পাঠ্য এ সেট করা হবে।
2	নাম৷ নিয়ন্ত্রণের একটি নাম দিতে ব্যবহৃত হয় যা সার্ভারে পাঠানো হয় স্বীকৃত হতে এবং মান পেতে
3	মান এটি নিয়ন্ত্রণের ভিতরে একটি প্রাথমিক মান প্রদান করতে ব্যবহার করা যেতে পারে।
4	আকার অক্ষরের পরিপ্রেক্ষিতে পাঠ্য-ইনপুট নিয়ন্ত্রণের প্রস্থ নির্দিষ্ট করার অনুমতি দেয়
5	সর্বোচ্চ দৈর্ঘ্য একটি ব্যবহারকারী পাঠ্য বাক্সে প্রবেশ করতে পারে এমন সর্বাধিক সংখ্যক অক্ষর নির্দিষ্ট করার অনুমতি দেয়৷

কিভাবে HTML ফর্ম ব্যবহার করে ব্যবহারকারীর ইনপুট নিতে হয়?

কিভাবে আপনার ওয়েবপেজে গুগল অ্যাডসেন্স সংহত করবেন?