আপনি ওয়েব পৃষ্ঠাগুলি তৈরি করছেন এমন অনেক সময় আছে যেখানে আপনাকে ব্যবহারকারীর দ্বারা লগ ইন করা লগ ইন, নতুন অ্যাকাউন্ট তৈরি, বা প্রশ্ন বা মন্তব্যগুলি জমা দেওয়ার জন্য ইনপুট প্রক্রিয়া করতে হবে। ব্যবহারকারী ইনপুট সংগ্রহ এবং একটি এইচটিএমএল ফর্ম ব্যবহার করে ওয়েব সার্ভারে পাঠানো হয়। কমপজারের অন্তর্নির্মিত সরঞ্জামগুলির সাথে ফর্মগুলিকে যুক্ত করা সহজ। এইচটিএমএল 4.0 সাপোর্টের সমস্ত ফর্ম ক্ষেত্রের ধরনগুলি কমপজারের সাথে যোগ এবং সম্পাদনা করা যেতে পারে, তবে এই টিউটোরিয়ালের জন্য আমরা পাঠ্য, পাঠ্য এলাকা, বোতাম জমা এবং পুনরায় সেট করে কাজ করব।
একটি নতুন ফর্ম তৈরি করুন
KompoZer আপনার ওয়েব পৃষ্ঠাগুলিতে ফর্ম যুক্ত করতে ব্যবহার করতে পারেন এমন সমৃদ্ধ ফর্ম সরঞ্জাম রয়েছে। আপনি টুলবারে ফরম বোতামে ক্লিক করে অথবা ড্রপ ডাউন মেনুতে ক্লিক করে ফর্ম সরঞ্জামগুলি অ্যাক্সেস করেন। উল্লেখ্য, যদি আপনি নিজের ফর্ম হ্যান্ডলিং স্ক্রিপ্টগুলি লেখেন না তবে আপনাকে এই পদক্ষেপের জন্য ডকুমেন্টেশন থেকে বা স্ক্রিপ্ট লেখার প্রোগ্রামার থেকে কিছু পদক্ষেপ নিতে হবে। আপনি মেইলটো ফর্মগুলিও ব্যবহার করতে পারেন তবে তারা সর্বদা কাজ করে না।
- আপনার কার্সারটি সেই পৃষ্ঠায় অবস্থান করুন যেখানে আপনি আপনার ফর্মটি পৃষ্ঠাতে উপস্থিত করতে চান।
- ক্লিক করুন ফর্ম টুলবার বাটন। ফরম বৈশিষ্ট্য ডায়ালগ বাক্স খোলে।
- ফর্মের জন্য একটি নাম যোগ করুন। ফর্মটিকে সনাক্ত করতে স্বয়ংক্রিয়ভাবে জেনারেটেড এইচটিএমএল কোডটিতে নাম ব্যবহার করা হয় এবং প্রয়োজন। আপনি একটি ফর্ম যোগ করার আগে আপনার পৃষ্ঠা সংরক্ষণ করতে হবে। আপনি যদি নতুন, অসংরক্ষিত পৃষ্ঠাতে কাজ করেন তবে কমপজার আপনাকে সংরক্ষণ করার অনুরোধ করবে।
- স্ক্রিপ্টে URL যোগ করুন যা অ্যাকশন URL ক্ষেত্রের ফর্মের তথ্য প্রক্রিয়া করবে। ফর্ম হ্যান্ডলারগুলি সাধারণত পিএইচপি বা অনুরূপ সার্ভার-পার্শ্ব ভাষাতে লেখা স্ক্রিপ্ট। এই তথ্য ছাড়া, আপনার ওয়েব পেজ ব্যবহারকারী দ্বারা প্রবেশ করা তথ্য দিয়ে কিছু করতে পারবেন না। আপনি যদি এটি প্রবেশ না করেন তবে কমপ্লেজার আপনাকে ফর্ম হ্যান্ডলারের জন্য URL টি প্রবেশ করতে অনুরোধ করবে।
- নির্বাচন করুন পদ্ধতি সার্ভারে ফর্ম তথ্য জমা দিতে ব্যবহৃত। দুটি পছন্দ পেতে এবং পোস্ট করা হয়। স্ক্রিপ্টের কোন পদ্ধতি প্রয়োজন তা জানতে হবে।
- ক্লিক ঠিক আছে এবং ফর্ম আপনার পৃষ্ঠায় যোগ করা হয়।
একটি ফরম একটি টেক্সট ক্ষেত্র যোগ করুন
একবার আপনি কমপজারের সাথে একটি পৃষ্ঠাতে একটি ফর্ম যুক্ত করলে, ফর্মটি একটি হালকা নীল ড্যাশযুক্ত লাইনের পৃষ্ঠায় রূপরেখা দেওয়া হবে। আপনি এই এলাকার ভিতরে আপনার ফর্ম ক্ষেত্র যোগ করুন। আপনি পৃষ্ঠার যে কোনও অংশে পাঠ্য টাইপ করতে বা চিত্র যুক্ত করতে পারেন। ব্যবহারকারীকে গাইড করার জন্য ক্ষেত্রগুলি তৈরি করার জন্য পাঠ্যগুলি প্রম্পট বা লেবেল যোগ করার জন্য দরকারী।
- আপনি রূপরেখা ফর্ম এলাকায় যেতে টেক্সট ক্ষেত্র চান যেখানে চয়ন করুন। আপনি যদি একটি লেবেল যোগ করতে চান, তবে আপনি প্রথমে পাঠ্য টাইপ করতে চাইতে পারেন।
- ক্লিক করুন নিম্নমুখী তীর পরবর্তীতে ফর্ম টুলবারে বাটন এবং ড্রপ ডাউন মেনু থেকে ফরম ফিল্ড নির্বাচন করুন।
- ফরম ক্ষেত্র বৈশিষ্ট্য উইন্ডো খুলবে। একটি টেক্সট ক্ষেত্র যোগ করতে, নির্বাচন করুন পাঠ লেপড ড্রপ ডাউন মেনু থেকে ক্ষেত্রের ধরন.
- টেক্সট ক্ষেত্র একটি নাম দিন। নামটি এইচটিএমএল কোডের ক্ষেত্রটি সনাক্ত করতে ব্যবহৃত হয় এবং ফর্ম হ্যান্ডলিং স্ক্রিপ্টটিকে তথ্য প্রক্রিয়া করার জন্য নামটির প্রয়োজন। অন্যান্য কথোপকথনের বৈশিষ্ট্যগুলি সংলাপে সংশোধন করে সংলাপে সংশোধন করা যেতে পারে আরো বৈশিষ্ট্য / কম বৈশিষ্ট্য বোতাম বা উন্নত সম্পাদনা বোতাম টিপে, কিন্তু এখন জন্য, আমরা কেবলমাত্র ক্ষেত্রের নামটি প্রবেশ করব।
- ক্লিক ঠিক আছে এবং টেক্সট ক্ষেত্র পাতা প্রদর্শিত হবে।
একটি ফর্ম একটি টেক্সট এলাকা যোগ করুন
কখনও কখনও, একটি টেক্সট বা একটি প্রশ্ন / মন্তব্য ক্ষেত্র হিসাবে একটি ফর্ম, অনেক টেক্সট প্রবেশ করা প্রয়োজন। এই ক্ষেত্রে, একটি টেক্সট ক্ষেত্র ঠিক উপযুক্ত নয়। আপনি ফর্ম সরঞ্জাম ব্যবহার করে একটি টেক্সট এলাকা ফর্ম ক্ষেত্র যোগ করতে পারেন।
- আপনার কার্সারটিকে ফর্ম রূপরেখা যেখানে আপনি আপনার পাঠ্য এলাকা হতে চান সেখানে অবস্থান করুন। যদি আপনি একটি লেবেলে টাইপ করতে চান তবে লেবেল পাঠ্য টাইপ করা প্রায়ই একটি ভাল ধারণা, একটি নতুন লাইনে যাওয়ার জন্য এন্টার টিপুন, তারপর ফর্ম ক্ষেত্র যুক্ত করুন, যেহেতু পৃষ্ঠার পাঠ্যের এলাকাটির আকার এটির জন্য বেদনাদায়ক করে তোলে লেবেল বাম বা ডান হতে হবে।
- ক্লিক করুন নিম্নমুখী তীর পরবর্তীতে ফর্ম টুলবার বাটন এবং নির্বাচন করুন পাঠ ফোন ড্রপ ডাউন মেনু থেকে। টেক্সট এলাকা বৈশিষ্ট্য উইন্ডো খুলবে।
- টেক্সট এলাকা ক্ষেত্রের জন্য একটি নাম লিখুন। নাম এইচটিএমএল কোডের ক্ষেত্রটি চিহ্নিত করে এবং ব্যবহারকারীর জমা তথ্য প্রক্রিয়া করার জন্য ফর্ম হ্যান্ডলিং স্ক্রিপ্ট দ্বারা ব্যবহৃত হয়।
- পাঠ্য এলাকা প্রদর্শন করতে চান এমন সারি এবং কলামের সংখ্যা লিখুন। এই মাত্রা পৃষ্ঠায় ক্ষেত্রের আকার নির্ধারণ করে এবং স্ক্রলিংয়ের প্রয়োজন হওয়ার আগে ক্ষেত্রটিতে কত লেখা প্রবেশ করা যেতে পারে।
- আরও উন্নত বিকল্পগুলি এই উইন্ডোতে অন্যান্য নিয়ন্ত্রণগুলির সাথে উল্লেখ করা যেতে পারে, তবে এখনকার জন্য ক্ষেত্রের নাম এবং মাত্রা যথেষ্ট।
- ক্লিক ঠিক আছে এবং টেক্সট এলাকা আকারে প্রদর্শিত হবে।
একটি ফর্ম জমা এবং রিসেট করুন বাটন যোগ করুন
ব্যবহারকারী আপনার পৃষ্ঠায় ফরম পূরণ করার পরে, সার্ভারে তথ্য জমা দেওয়ার জন্য কিছু উপায় থাকা দরকার। অতিরিক্তভাবে, ব্যবহারকারী যদি শুরু করতে বা ভুল করতে চায় তবে এটি এমন নিয়ন্ত্রণ অন্তর্ভুক্ত করা সহায়ক হবে যা সমস্ত ফর্মের মান ডিফল্টে রিসেট করবে। বিশেষ ফর্ম নিয়ন্ত্রণ যথাক্রমে জমা এবং রিসেট বোতাম বলা এই ফাংশন, পরিচালনা।
- আপনার কার্সারটিকে রূপরেখা ফর্ম এলাকাতে রাখুন যেখানে আপনি জমা বা রিসেট বোতামটি চান। বেশিরভাগ ক্ষেত্রে, এই ফর্মের বাকি অংশগুলির নীচে একটি ফর্ম থাকবে।
- ক্লিক করুন নিম্নমুখী তীর পরবর্তীতে ফর্ম টুলবার বাটন এবং নির্বাচন করুন বাটন সংজ্ঞায়িত করুন ড্রপ ডাউন মেনু থেকে। বোতাম প্রোপার্টির উইন্ডো প্রদর্শিত হবে।
- টাইপ লেবেলযুক্ত ড্রপ ডাউন মেনু থেকে বোতামের ধরনটি চয়ন করুন। আপনার পছন্দ জমা দিন, রিসেট করুন, এবং বোতাম। এই ক্ষেত্রে, আমরা নির্বাচন করব জমা দিন টাইপ করুন।
- বোতামে একটি নাম দিন, যা HTML ফর্ম এবং ফর্ম হ্যান্ডলিং কোডটি ফর্ম অনুরোধ প্রক্রিয়া করতে ব্যবহৃত হবে। ওয়েব ডেভেলপাররা সাধারণত এই ক্ষেত্রটিকে "জমা দিন" নাম দেয়।
- লেবেল বাক্সে মান, বোতামে প্রদর্শিত হওয়া পাঠ্যটি প্রবেশ করান। পাঠ্যটি ছোট হওয়া উচিত তবে বোতাম টিপলে কী হবে তা বর্ণনামূলক। "জমা দিন", "ফর্ম জমা দিন" বা "পাঠান" ভালো কিছু উদাহরণ।
- ঠিক আছে ক্লিক করুন এবং বোতাম ফর্ম প্রদর্শিত হয়।
দ্য রিসেট বোতাম একই প্রক্রিয়া ব্যবহার করে ফর্ম যোগ করা যেতে পারে, কিন্তু নির্বাচন করুন রিসেট থেকে আদর্শ পরিবর্তে ক্ষেত্র জমা দিন.
KompoZer সঙ্গে একটি ফর্ম সম্পাদনা
KompoZer একটি ফর্ম বা ফর্ম ক্ষেত্র সম্পাদনা খুব সহজ। আপনি যে ক্ষেত্রটি সম্পাদনা করতে চান সেক্ষেত্রে কেবল দুবার ক্লিক করুন, এবং উপযুক্ত ডায়লগ বক্স প্রদর্শিত হবে যেখানে আপনি আপনার প্রয়োজন অনুসারে ক্ষেত্রের বৈশিষ্ট্যগুলি পরিবর্তন করতে পারবেন। উপরের চিত্রটি এই টিউটোরিয়ালে আচ্ছাদিত উপাদানগুলি ব্যবহার করে একটি সহজ ফর্ম দেখায়।
