কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়

সুচিপত্র:

কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়
কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়

ভিডিও: কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়

ভিডিও: কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়
ভিডিও: কিভাবে রিকোয়েস্ট এ quote ফর্ম তৈরি করবেন 2024, মে
Anonim

ওয়েব ফর্মগুলি পূরণ করার পরে সার্ভারে যে ডেটা প্রেরণ করা হয় সেগুলির প্রক্রিয়াকরণ একটি বিশেষ প্রোগ্রাম (স্ক্রিপ্ট) দ্বারা পরিচালিত হয়। অতএব, ওয়েব পৃষ্ঠায় পোস্ট করা ফর্মটিতে ক্ষেত্রগুলি যুক্ত করা কেবল তখনই বুদ্ধিমান হয় যখন এই ক্ষেত্রগুলির সাথে কাজ করার জন্য ফাংশনগুলি স্ক্রিপ্টে প্রোগ্রাম করা হয়। যদি এই শর্তটি পূরণ হয়, তবে প্রয়োজনীয় ক্ষেত্রগুলি তৈরি করে এমন পৃষ্ঠার উত্স কোডে ট্যাগ যুক্ত করার কাজটির তুলনামূলকভাবে সহজ অংশটি এখনও অব্যাহত রয়েছে।

কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়
কিভাবে ফর্ম ক্ষেত্র তৈরি করতে হয়

এটা জরুরি

এইচটিএমএল এর প্রাথমিক জ্ঞান।

নির্দেশনা

ধাপ 1

এতে যদি আপনার ভিজ্যুয়াল এডিটিং মোড ব্যবহার করার সুযোগ থাকে তবে প্রয়োজনীয় ট্যাগগুলি গঠনের ক্রিয়াকলাপ পৃষ্ঠা সম্পাদক দ্বারা গ্রহণ করা যেতে পারে। এই জাতীয় সম্পাদক কন্টেন্ট ম্যানেজমেন্ট সিস্টেমের অবিচ্ছেদ্য অঙ্গ হতে পারে - এটি প্রবেশ করুন এবং এমন একটি ফর্ম সহ একটি পৃষ্ঠা লোড করুন যাতে নতুন ক্ষেত্র যুক্ত করা উচিত। অনুলিপি এবং আটকানো ক্রিয়াকলাপগুলি ব্যবহার করুন - বিদ্যমান উপাদানগুলির কয়েকটি (ইনপুট ক্ষেত্র এবং এর সাথে যুক্ত পাঠ্য) নির্বাচন করুন এবং অনুলিপি করুন, তারপরে যে পৃষ্ঠাটি অতিরিক্ত ক্ষেত্র স্থাপন করা উচিত সেখানে ক্লিক করুন এবং অনুলিপিটি আটকে দিন।

ধাপ ২

এর পরে, জোড়ার প্রতিটি উপাদানটির বৈশিষ্ট্য পৃথকভাবে সম্পাদনা করুন। কেবল মাউস সহ শিলালিপিটি নির্বাচন করুন এবং নতুন পাঠ্য টাইপ করুন এবং ইনপুট ফিল্ডের জন্য সম্পাদক প্যানেলে বোতামটি ব্যবহার করুন যা এর বৈশিষ্ট্যগুলি খোলে। বৈশিষ্ট্যগুলিতে, কমপক্ষে আপনাকে নাম ক্ষেত্রের মান পরিবর্তন করতে হবে - এটি অবশ্যই প্রসেসিং স্ক্রিপ্টে প্রোগ্রামযুক্ত ক্ষেত্রের নামের সাথে মিলিত হতে পারে। প্রয়োজনীয় ক্ষেত্রগুলির সেটের জন্য পুনরায় কপি / পেস্ট করুন এবং পৃষ্ঠাটি সংরক্ষণ করুন।

ধাপ 3

যদি ভিজ্যুয়াল এডিটিংয়ের অ্যাক্সেস না থাকে তবে কোনও পাঠ্য বা বিশেষায়িত সম্পাদকের মধ্যে পৃষ্ঠার উত্স কোডটি খুলুন এবং এতে প্রয়োজনীয় ট্যাগ যুক্ত করুন। এই পদ্ধতির জন্য এইচটিএমএল এবং ওয়েব পৃষ্ঠার বিন্যাস কৌশলগুলির কিছু জ্ঞান প্রয়োজন। ফর্মটিতে একটি সাধারণ পাঠ্য ক্ষেত্র যুক্ত করতে, ইনপুট ট্যাগটি ব্যবহার করুন, টাইপ অ্যাট্রিবিউটে মান পাঠ্য যুক্ত করে। এই বৈশিষ্ট্যটি ছাড়াও, কেবল নাম প্রয়োজন - এটিতে হ্যান্ডলার স্ক্রিপ্টের কাছে পরিচিত এই ফর্ম ফিল্ডটির নাম থাকতে হবে। অন্যান্য বৈশিষ্ট্যগুলি ব্যবহার করে, আপনি অক্ষরের সংখ্যা সেট করতে পারেন যা ইনপুট ক্ষেত্রের দৈর্ঘ্য (আকারের বৈশিষ্ট্য), সর্বাধিক অনুমোদিত অক্ষর (সর্বোচ্চ দৈর্ঘ্য), শৈলী পরামিতি (শৈলী), শ্রেণি সদস্যতা (শ্রেণি) ইত্যাদি নির্ধারণ করে can এই ট্যাগটি কোডটিতে দেখা যায়, উদাহরণস্বরূপ:

পদক্ষেপ 4

একাধিক পাঠ্য ক্ষেত্রের জন্য, টেক্সটরিয়া ট্যাগটি ব্যবহার করুন। এটি দুটি অংশ নিয়ে গঠিত - খোলার এবং বন্ধ হওয়া। প্রথমটিতে, আপনাকে অবশ্যই নাম মানটি সেট করতে হবে এবং সারি এবং কলস বৈশিষ্ট্যগুলি ব্যবহার করে আপনি এই ফর্মের উপাদানটির সারি এবং কলামের সংখ্যা সেট করতে পারেন। উদাহরণ স্বরূপ:

পদক্ষেপ 5

অন্যান্য ধরণের ফর্ম ক্ষেত্রগুলি চেকবক্স হতে পারে - সেগুলি তৈরি করতে ইনপুট ট্যাগও ব্যবহার করে তবে একক-লাইন পাঠ্য ক্ষেত্রের বিপরীতে, বৈশিষ্ট্যটিতে প্রকারের মধ্যে চেকবক্স মান নির্দিষ্ট করে। যদি এই ফর্মের উপাদানটি চেক করা দরকার হয় তবে তার ট্যাগটিতে চেক করা বিশিষ্টটি যুক্ত করুন। উদাহরণ স্বরূপ:

পদক্ষেপ 6

ফর্মের মধ্যে একটি নির্বাচন বক্স সন্নিবেশ করতে এবং একটি ফাইল আপলোড করতে, টাইপ বৈশিষ্ট্যের ক্ষেত্রে ফাইলের মান সহ একই ইনপুট ট্যাগটি ব্যবহার করুন। উদাহরণ স্বরূপ:

পদক্ষেপ 7

আরও জটিল নির্মাণ একটি ড্রপ-ডাউন তালিকা সহ একটি ক্ষেত্র গঠন করে। এটিতে নির্বাচিত ট্যাগগুলি খোলার এবং বন্ধ করার একটি জুড়ি অবশ্যই থাকবে। এর মধ্যে বিকল্প ট্যাগগুলির জোড়া রাখুন, প্রতিটি একটি একক নির্বাচন রেখা নির্দিষ্ট করে। খোলার ট্যাগগুলিতে অবশ্যই মান বৈশিষ্ট্য থাকতে হবে (এর মানটি সার্ভারে প্রেরণ করা হবে) এবং খোলার এবং সমাপ্ত অংশগুলির মধ্যে, পাঠ্যটি তালিকার এই লাইনে প্রদর্শিত হবে। উদাহরণস্বরূপ: প্রথম নির্বাচন লাইন দ্বিতীয় নির্বাচন লাইন তৃতীয় নির্বাচন লাইন

প্রস্তাবিত: