HTML দিয়ে কিভাবে ওয়েব ফর্ম তৈরী করবেন?

টিউন বিভাগ এইচটিএমএল
প্রকাশিত
জোসস করেছেন

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

ভিডিও দেখতে এখানে ক্লিক করুন। 

উপাদানসমূহ
ফরমগুলি আদর্শ গ্রাফিকাল ইউজার ইন্টারফেস উপাদানের সমন্বয়ে গঠিত হতে পারে:

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

 

ভিডিও দেখতে এখানে ক্লিক করুন। 
নির্বাচন করুন - একটি ড্রপ ডাউন তালিকা যা একটি ব্যবহারকারী তালিকা থেকে প্রদর্শন করতে পারে যা ব্যবহারকারী একটি নির্বাচন করতে পারেন
ডানদিকে নমুনা ইমেজ এই উপাদানগুলির অধিকাংশ দেখায়:

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

ভিডিও দেখতে এখানে ক্লিক করুন। 

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

ভিডিও দেখতে এখানে ক্লিক করুন। 

Level 0

আমি ইখলাস রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 6 বছর 8 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 8 টি টিউন ও 0 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস