HTML ফর্মগুলি ব্যবহারকারীদের সাথে মিথস্ক্রিয়া করার জন্য একটি অত্যন্ত শক্তিশালী হাতিয়ার, কিন্তু প্রযুক্তিগত কারণে তাদের সম্পূর্ণ সম্ভাবনার সাথে কীভাবে ব্যবহার করা যায় তা সর্বদা স্পষ্ট নয়৷ এই ক্ষেত্রে কেবল ডেটা জমা দেওয়াই যথেষ্ট নয় - আপনাকে এটিও নিশ্চিত করতে হবে যে ব্যবহারকারীরা ফর্মগুলিতে যে ডেটা পূরণ করবে তা সঠিক বিন্যাসে পাঠানো হবে যা এটি সফলভাবে প্রক্রিয়া করার জন্য প্রয়োজনীয় এবং এটি বিদ্যমান অ্যাপ্লিকেশনগুলিকে ভাঙবে না। ব্যবহারকারীদের সঠিকভাবে ফর্ম পূরণ করতে সাহায্য করা এবং অ্যাপ্লিকেশন ব্যবহার করার চেষ্টা করার সময় হতাশ না হওয়াও গুরুত্বপূর্ণ৷
ট্যাগটি একটি HTML ফর্ম তৈরি করতে ব্যবহৃত হয়। এটি আসলে একটি মার্জিন তৈরি করে না, তবে উপাদানগুলির জন্য একটি মূল ধারক হিসাবে ব্যবহৃত হয় যেমন. আপনি নিয়মিত চেকআউট এবং অর্থপ্রদানের মাধ্যমে একটি সাধারণ সাবস্ক্রিপশন ফর্ম তৈরি করতে চান বা ইন্টারেক্টিভ ওয়েব অ্যাপ্লিকেশন, আপনাকে কাজ করার জন্য HTML উপাদান ট্যাগ ব্যবহার করতে হবে, যার মধ্যে সবচেয়ে গুরুত্বপূর্ণ হল.
হাউ স্ট্যান্ডার্ডএইচটিএমএল ফর্ম
এইচটিএমএল ফর্মগুলি অ্যাসিঙ্ক্রোনাস জাভাস্ক্রিপ্ট এবং জটিল ওয়েব অ্যাপ্লিকেশনের আবির্ভাবের আগে উদ্ভাবিত হয়েছিল এবং অনেকাংশে প্রমিত হয়েছিল। আজ, ফর্ম ইনপুট, বোতাম এবং অন্যান্য মিথস্ক্রিয়া পদ্ধতি ব্যবহার করা হয়, তবে এর মূলে রয়েছে HTTP অনুরোধ এবং প্রতিক্রিয়া দৃষ্টান্তের উপর ভিত্তি করে একটি সিস্টেম৷
যখন একজন ব্যবহারকারী একটি পৃষ্ঠা লোড করে, একটি http অনুরোধ পাঠানো হয় (সাধারণত একটি তথাকথিত GET অনুরোধ)। এটি আপনার ব্রাউজার দ্বারা সার্ভারে পাঠানো হয় এবং সাধারণত সার্ভার ব্যবহারকারী যে ওয়েব পৃষ্ঠাটি খুঁজছেন তার সাথে সাড়া দেয়। এই মিথস্ক্রিয়া ইন্টারনেটের সবচেয়ে মৌলিক ধারণাগুলির মধ্যে একটি। এবং এটি ব্যাখ্যা করে যে HTML ফর্মগুলি কীভাবে কাজ করে৷
সার্ভারের সাথে তথ্য বিনিময়ের প্রক্রিয়া
প্রতিটি, যার মধ্যে উপাদান রয়েছে যেমন, ভিতরে অবস্থিত এবং একটি নাম বৈশিষ্ট্য (নাম), পাশাপাশি এর মান রয়েছে। মান বিভিন্ন উপায়ে সংজ্ঞায়িত করা হয়. পাঠ্যের জন্য, এটি সেই মান হবে যা সাইটের ব্যবহারকারী দ্বারা প্রবেশ করানো হয়েছিল। একটি রেডিও বোতামের জন্য, নির্বাচিত বিকল্পের মান। ব্যবহারকারী মান সেট করতে পারে, কিন্তু বেশিরভাগ ক্ষেত্রেই নাম বৈশিষ্ট্য সেট করতে পারে না। এটি নাম/মান জোড়ার একটি সেট তৈরি করে যেখানে মানগুলি ব্যবহারকারীর ইনপুট দ্বারা নির্ধারিত হয়।
একটি ফর্ম এবং একটি নিয়মিত HTML নথির মধ্যে প্রধান পার্থক্য হল, বেশিরভাগ ক্ষেত্রে, একটি ফর্ম দ্বারা সংগৃহীত ডেটা একটি ওয়েব সার্ভারে পাঠানো হয়৷ এই ক্ষেত্রে, ডেটা গ্রহণ এবং প্রক্রিয়া করার জন্য আপনাকে একটি ওয়েব সার্ভার সেট আপ করতে হবে। ট্যাগ অ্যাকশন অ্যাট্রিবিউটঅবস্থান (URL) নির্দিষ্ট করে যেখানে সংগৃহীত ডেটা পাঠানো হবে।
সার্ভারের প্রতিক্রিয়া কেমন দেখাচ্ছে
যখন ফর্মটি জমা দেওয়া হয়, নাম-মানের জোড়া এবং উপাদানের মধ্যে সমস্ত ক্ষেত্র HTTP-তে অন্তর্ভুক্ত করা হয়। অ্যাকশন অ্যাট্রিবিউট আকারে নির্দিষ্ট URL-এ একটি অনুরোধ করা হয়। অনুরোধের ধরন (GET বা POST) মেথড অ্যাট্রিবিউটে থাকবে। এর মানে হল যে ফর্মটি জমা দেওয়ার সাথে সাথে ব্যবহারকারী-প্রদত্ত সমস্ত ডেটা সার্ভারে পাঠানো হয় এবং সার্ভার সেই ডেটা দিয়ে যা খুশি তা করতে পারে। যখন সার্ভার একটি ফর্ম জমা দেয়, তখন এটি অন্য যেকোন HTTP অনুরোধের মতোই আচরণ করে। সার্ভার অন্তর্ভুক্ত ডেটার সাথে যা করতে হবে তা করে এবং ব্রাউজারে একটি প্রতিক্রিয়া জারি করে৷
আপনার যদি মনে থাকে যে পৃষ্ঠাটি লোড করা উত্তর, আপনি লক্ষ্য করবেন যে এখানেও একই জিনিস ঘটে। ট্যাগ দিয়ে তৈরি একটি সাধারণ ফর্মে, প্রতিক্রিয়া হল ব্রাউজার দ্বারা লোড করা একটি নতুন পৃষ্ঠা। সাধারণত, নতুন পৃষ্ঠা বর্তমান বিষয়বস্তু প্রতিস্থাপন করে, কিন্তু এটি লক্ষ্য বৈশিষ্ট্যের সাথে ওভাররাইড করা যেতে পারে। বেশিরভাগ অনলাইন ফর্ম এইভাবে কাজ করে, যার কারণে ব্যবহারকারীরা একটি ইমেল সদস্যতা ফর্ম পূরণ করার সময় একটি ধন্যবাদ পৃষ্ঠায় পাঠানো হয়৷
ট্যাগ ছাড়াই ওয়েব অ্যাপ এবং ফর্ম
আধুনিক ইন্টারেক্টিভ ওয়েব অ্যাপ্লিকেশনগুলি অ্যাসিঙ্ক্রোনাস HTTP অনুরোধগুলি করতে জাভাস্ক্রিপ্ট কোড ব্যবহার করে। এগুলি সার্ভারে কল যা পৃষ্ঠা পুনরায় লোড করে না। তারা একটি ট্যাগের উপর নির্ভর করে না - আচরণের মধ্যে নির্মিত একটি HTML উপাদান। তারা একটি একক সমগ্র মধ্যে সব তথ্য একত্রিত না.ব্যবহারকারী এবং অবিলম্বে তাদের পাঠাবেন না। এই কারণে, ওয়েব অ্যাপ্লিকেশনগুলিতে অনেক HTML + JS লেআউট ডিজাইনার সমস্ত ফর্মে ট্যাগ ব্যবহার করেন না। প্রায়শই, তারা এটিকে বিভিন্ন ধরণের ইনপুট ক্ষেত্র এবং উপাদানগুলির জন্য এক ধরণের ধারক হিসাবে ব্যবহার করে। এই ক্ষেত্রে, ব্যবহৃত পদ্ধতি এবং কর্ম বৈশিষ্ট্যগুলি দৃশ্যমান হবে না৷
ফর্ম সম্পর্কে আরও
HTML ফর্মগুলি একটি ওয়েবসাইট বা অ্যাপ্লিকেশনের সাথে ব্যবহারকারীর মিথস্ক্রিয়াগুলির একটি হাইলাইট। তারা ব্যবহারকারীদের সাইটে ডেটা জমা দেওয়ার অনুমতি দেয়। বেশিরভাগ সময়, ডেটা ওয়েব সার্ভারে পাঠানো হয়, তবে ওয়েব পৃষ্ঠাটি নিজে থেকে ব্যবহার করার জন্য এটিকে আটকাতে পারে। অনেকগুলি ফর্ম-সম্পর্কিত উপাদান রয়েছে - বিভিন্ন ধরণের বোতাম, বিভিন্ন ধরণের নির্বাচক, প্রতিক্রিয়া প্রক্রিয়া। অতএব, ট্যাগ অ্যাট্রিবিউটগুলিতে কী মান নির্ধারণ করা হবে তা নির্ধারণ করা কঠিন হতে পারে। যখন ফর্মগুলি তৈরি করার কথা আসে, তখন আপনাকে সেগুলিকে বিভিন্ন স্ক্রিনের আকারে কাজ করতে হবে৷ প্রতিবন্ধী ব্যক্তিদের কাছে তাদের অ্যাক্সেসযোগ্য করে তোলা গুরুত্বপূর্ণ। এই কারণেই ফর্ম এবং অ্যাট্রিবিউট ট্যাগগুলি সম্ভবত HTML এর সবচেয়ে জটিল দিক৷
আকৃতিটি কী নিয়ে গঠিত
HTML ফর্ম এক বা একাধিক উইজেট নিয়ে গঠিত। এগুলি একক-লাইন বা বহু-লাইন পাঠ্য ক্ষেত্র, বাক্স, বোতাম বা রেডিও বোতামগুলি নির্বাচন করতে পারে। এগুলি প্রায়শই এমন একটি বৈশিষ্ট্যের সাথে যুক্ত থাকে যা তাদের উদ্দেশ্য বর্ণনা করে - সঠিকভাবে প্রয়োগ করা হলে কীভাবে ইনপুট ফর্মে যেতে হয় সে সম্পর্কে দৃষ্টিশক্তি এবং অন্ধ উভয় ব্যবহারকারীকে স্পষ্টভাবে নির্দেশ দিতে পারে। বৈশিষ্ট্যযথাক্রমে তাদের জন্য এবং আইডি বৈশিষ্ট্যগুলির সাথে সঠিকভাবে যুক্ত। এর জন্য লেবেলটি সংশ্লিষ্ট উইজেটের আইডি বৈশিষ্ট্যকে নির্দেশ করে এবং স্ক্রিন রিডার, এটি ব্যবহার করে, এতে কী লেখা আছে তা পড়বে।
ট্যাগের জন্য নির্দিষ্ট কাঠামোর পাশাপাশি, এটা মনে রাখা গুরুত্বপূর্ণ যে ফর্মগুলি শুধুমাত্র HTML কোড। এর মানে হল যে আপনি আপনার ফর্ম গঠন করতে HTML এর সম্পূর্ণ শক্তি ব্যবহার করতে পারেন। একটি সাধারণ অভ্যাস হলদিয়ে ট্যাগ করা উপাদানগুলিকে মোড়ানো ট্যাগ ব্যবহার করা
এইচটিএমএল তালিকাগুলিও ব্যাপকভাবে ব্যবহৃত হয়; কাঠামোর জন্য একাধিক চেকবক্স বা রেডিও বোতাম ব্যবহার করা হয়। ইনপুট ক্ষেত্র তৈরি করার পরে, ট্যাগ ব্যবহার করে একটি বোতাম যোগ করা এবং ফলাফল পরীক্ষা করা বাকি থাকে। এইচটিএমএল ফর্মের নমনীয়তা এগুলিকে এইচটিএমএল ফর্ম্যাটের সবচেয়ে জটিল কাঠামোগুলির মধ্যে একটি করে তোলে৷ কিন্তু একটি HTML ফর্ম তৈরি করার সময় সঠিক কাঠামোর সাথে, আপনি নিশ্চিত করতে পারেন যে এটি ব্যবহারযোগ্য এবং অ্যাক্সেসযোগ্য উভয়ই।
