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