এইচটিএমএল ফর্ম আপনার ওয়েবসাইটের মিথস্ক্রিয়া যোগ করার সবচেয়ে মৌলিক উপায় এক। আপনি প্রশ্ন জিজ্ঞাসা করতে পারেন এবং আপনার পাঠকদের থেকে উত্তরের অনুরোধ করতে, ডেটাবেস থেকে অতিরিক্ত তথ্য সরবরাহ করতে, গেমগুলি সেটআপ করতে এবং আরও অনেক কিছু করতে পারেন। আপনার ফর্মগুলি তৈরি করতে আপনি ব্যবহার করতে পারেন এমন অনেক HTML উপাদান রয়েছে। এবং একবার আপনার ফর্মটি তৈরি করার পরে, সার্ভারে সেই ডেটা জমা দেওয়ার বিভিন্ন উপায় রয়েছে বা কেবল ফর্মের ক্রিয়াটি চালানো শুরু করুন।
আপনি আপনার ফর্ম জমা দিতে পারেন এই কয়েকটি উপায়:
-
- এটি সার্ভারে তথ্য পাওয়ার সবচেয়ে সাধারণ পদ্ধতি, তবে এটি খুব সহজেই সন্ধান করা যেতে পারে।
-
- একটি চিত্র ব্যবহার করে আপনার জমা বাটনটি আপনার সাইটের স্টাইলের সাথে মাপসই করা খুব সহজ করে তোলে। কিন্তু কিছু লোক এটি একটি জমা বাটন হিসাবে চিনতে পারে না।
-
- বোতামটি
ইনপুট ট্যাগ ইমেজ হিসাবে একই অপশন অনেক দেয়
ইনপুট ট্যাগ, কিন্তু স্ট্যান্ডার্ড জমা ধরনের মত আরো দেখায়। এটি সক্রিয় করতে জাভাস্ক্রিপ্ট প্রয়োজন।
- বোতামটি
-
- দ্য
বোতাম ট্যাগটি তুলনায় বাটন এর একটি বহুমুখী টাইপ হয়
ইনপুট ট্যাগ। এই ট্যাগ জাভাস্ক্রিপ্ট সক্রিয় করার প্রয়োজন।
- দ্য
- দ্য
কমান্ড উপাদান HTML5 এ নতুন, এবং এটি সম্পর্কিত ক্রিয়াকলাপগুলির সাথে স্ক্রিপ্টগুলি এবং ফর্মগুলি সক্রিয় করার একটি উপায় সরবরাহ করে। এটা জাভাস্ক্রিপ্ট সঙ্গে সক্রিয় করা হয়।
- দ্য
ইনপুট উপাদান
ইনপুট
ইনপুট উপাদান একটি ফর্ম জমা করার সবচেয়ে সাধারণ উপায়, আপনি যা করতে চান তা একটি টাইপ নির্বাচন করুন (
বোতাম,
ভাবমূর্তি, অথবা
জমা দিন) এবং প্রয়োজন হলে ফর্ম ক্রিয়া জমা দিতে কিছু স্ক্রিপ্টিং যোগ করুন।
দ্য উপাদান যে ঠিক মত লেখা যেতে পারে। কিন্তু আপনি যদি, বিভিন্ন ব্রাউজারে বিভিন্ন ফলাফল পাবেন। বেশিরভাগ ব্রাউজার একটি বোতাম তৈরি করে যা "জমা দিন" বলছে, তবে ফায়ারফক্স একটি "বোতাম জমা দিন" বোতামটি তৈরি করে বলে। বোতামটি কী পরিবর্তন করে তা পরিবর্তন করতে, আপনাকে একটি বৈশিষ্ট্য যুক্ত করতে হবে:
মান = "ফর্ম জমা দিন">
উপাদানটি এভাবে লেখা হয়েছে, তবে যদি আপনি অন্যান্য সমস্ত বৈশিষ্ট্যগুলি বন্ধ করেন তবে ব্রাউজারে প্রদর্শিত সমস্ত একটি খালি ধূসর বোতাম। বোতামে টেক্সট যুক্ত করতে, ব্যবহার করুন
মানবৈশিষ্ট্যাবলী। কিন্তু আপনি যদি জাভাস্ক্রিপ্ট ব্যবহার না করেন তবে এই বাটনটি ফর্ম জমা দেবে না।
onclick = "জমা দিন ();">
অনুরূপ
বোতামটাইপ, যা ফর্ম জমা দিতে একটি স্ক্রিপ্ট প্রয়োজন। পাঠ্য মান পরিবর্তে এটির জন্য আপনাকে একটি চিত্র উৎস URL যুক্ত করতে হবে।
বোতাম উপাদান
দ্য
বোতামউপাদান উভয় একটি খোলার ট্যাগ এবং একটি বন্ধ ট্যাগ প্রয়োজন। যখন আপনি এটি ব্যবহার করেন, ট্যাগের ভিতরে আপনি যে কোনও সামগ্রী যুক্ত করেন তা একটি বোতামে আবদ্ধ হবে। তারপর আপনি একটি স্ক্রিপ্ট সঙ্গে বাটন সক্রিয়।
ফর্ম জমা
আপনি আরো বাটন তৈরি করতে আপনার বোতামে চিত্রগুলি অন্তর্ভুক্ত করতে পারেন বা চিত্র এবং পাঠ্যকে একত্রিত করতে পারেন।
কমান্ড এলিমেন্ট
দ্য
কমান্ডউপাদান HTML5 সঙ্গে নতুন। এটি একটি প্রয়োজন হয় না
ফর্ম ব্যবহার করা, কিন্তু এটি একটি ফর্ম জন্য একটি জমা বাটন হিসাবে কাজ করতে পারেন। এই উপাদানটি আপনাকে ফর্মগুলির প্রয়োজন ছাড়াই আরও ইন্টারেক্টিভ পৃষ্ঠাগুলি তৈরি করতে দেয় না যতক্ষন না আপনি আসলে ফর্মগুলি প্রয়োজন। আপনি কমান্ড কিছু বলতে চান, আপনি একটি এ লিখতে লিখুন
লেবেলবৈশিষ্ট্যাবলী।
লেবেল = "ফর্ম জমা দিন">
আপনি যদি আপনার কমান্ডটিকে একটি চিত্র দ্বারা প্রতিনিধিত্ব করতে চান তবে আপনি এটি ব্যবহার করেন
আইকনবৈশিষ্ট্যাবলী।
আইকন = "submit.gif">
এইচটিএমএল ফর্ম জমা দেওয়ার বিভিন্ন উপায় আছে, যেমন আপনি পূর্ববর্তী পৃষ্ঠায় শিখেছেন। ঐ দুটি পদ্ধতির হয়
ইনপুটট্যাগ এবং
বোতামট্যাগ। এই উপাদান উভয় ব্যবহার করার জন্য ভাল কারণ আছে।
ইনপুট উপাদান
ট্যাগটি একটি ফর্ম জমা দেওয়ার সবচেয়ে সহজ উপায়। এটা ট্যাগ ছাড়াও কিছুই প্রয়োজন, এমনকি একটি
মানযখন একটি গ্রাহক বাটন ক্লিক করে, এটি স্বয়ংক্রিয়ভাবে জমা দেয়। আপনি কোন স্ক্রিপ্ট যোগ করার প্রয়োজন নেই, একটি জমা যখন ফর্ম ব্রাউজার জমা দিতে জানেন
ইনপুটট্যাগ ক্লিক করা হয়।
সমস্যা এই বাটন খুব কুৎসিত এবং প্লেইন হয়। আপনি এটি ইমেজ যোগ করতে পারবেন না। আপনি এটি অন্য কোনো উপাদান ঠিক মত স্টাইল করতে পারেন, কিন্তু এটি এখনও একটি কুৎসিত বাটন মত মনে করতে পারেন।
ব্যবহার
ইনপুটব্রাউজারে এমনকি আপনার ফর্মটি অ্যাক্সেসযোগ্য হওয়ার পরেও যখন জাভাস্ক্রিপ্ট বন্ধ থাকে।
বোতাম উপাদান
দ্য
বোতামউপাদান ফর্ম জমা দেওয়ার জন্য আরো বিকল্প উপলব্ধ করা হয়। আপনি একটি ভিতরে কিছু দিতে পারেন
বোতামউপাদান এবং একটি জমা বাটন মধ্যে এটি চালু। সাধারণত মানুষ ছবি এবং টেক্সট ব্যবহার করুন। কিন্তু আপনি একটি তৈরি করতে পারে
DIV এবং যদি আপনি চান যে সমগ্র জিনিস একটি জমা বাটন করুন।
সবচেয়ে বড় ত্রুটি
বোতামউপাদানটি স্বয়ংক্রিয়ভাবে ফর্মটি জমা দেয় না। এটি সক্রিয় করার জন্য কিছু ধরণের স্ক্রিপ্ট থাকা দরকার। এবং তাই এটি কম অ্যাক্সেসযোগ্য
ইনপুটপদ্ধতি। যে ব্যবহারকারীর জাভাস্ক্রিপ্ট চালু আছে সেটি শুধুমাত্র একটি ফর্ম জমা দিতে পারবে না
বোতামউপাদান জমা দিতে।
ব্যবহার
বোতামফর্ম সমালোচনামূলক না যে ফর্ম। এছাড়াও, এটি একটি ফর্মের মধ্যে অতিরিক্ত জমা বিকল্প যোগ করার একটি দুর্দান্ত উপায়।
