ফরমগুলিতে এইচটিএমএল বাটন তৈরি করা

ফর্ম জমা ইনপুট ট্যাগ ব্যবহার করে

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

আপনি আপনার ফর্ম জমা দিতে পারেন এই বিভিন্ন উপায়

• <ইনপুট টাইপ = "জমা দিন">
  • এই সার্ভারে তথ্য পাওয়ার সবচেয়ে সাধারণ পদ্ধতি, কিন্তু এটি খুব সাধারণ খুঁজছেন হতে পারে।
• <ইনপুট টাইপ = "চিত্র">
  • একটি ইমেজ ব্যবহার করে আপনার জমা বোতাম আপনার সাইটের শৈলী সঙ্গে মাপসই করা খুব সহজ করে তোলে। কিন্তু কিছু লোক এটি একটি জমা বোতাম হিসাবে চিনতে পারে না।
• <ইনপুট টাইপ = "বোতাম">
  • বাটন ইনপুট ট্যাগ ইমেজ ইনপুট ট্যাগ হিসাবে একই বিকল্প অনেক দেয়, কিন্তু স্ট্যান্ডার্ড জমা টাইপ মত আরো দেখায়। এটি সক্রিয় করার জন্য জাভাস্ক্রিপ্ট প্রয়োজন।
• <বোতাম>
  • BUTTON ট্যাগ INPUT ট্যাগের চেয়ে আরো বহুমুখী বোতামের বোতাম। এই ট্যাগ Javacript সক্রিয় করতে প্রয়োজন।
• <কমান্ড টাইপ = "কমান্ড">
  • COMMAND উপাদান HTML5 এ নতুন, এবং এটি সংশ্লিষ্ট কর্মগুলির সাথে স্ক্রিপ্ট এবং ফর্ম সক্রিয় করার একটি উপায় প্রদান করে। এটি জাভাস্ক্রিপ্ট এর সাথে সক্রিয় করা হয়।

INPUT উপাদানটি

INPUT উপাদান হল একটি ফর্ম জমা করার সবচেয়ে সাধারণ উপায়, আপনি যা করছেন তা একটি টাইপ (বোতাম, চিত্র বা জমা) নির্বাচন করুন এবং যদি প্রয়োজন হয় ফর্ম ক্রিয়া জমা দেওয়ার জন্য কিছু স্ক্রিপ্টিং যোগ করুন।

<ইনপুট টাইপ = "জমা"> উপাদানটি ঠিক মত লেখা যেতে পারে। কিন্তু আপনি যদি করবেন তবে আপনার বিভিন্ন ব্রাউজারে বিভিন্ন ফলাফল থাকবে। সর্বাধিক ব্রাউজারগুলি "জমা দিন" বলে একটি বোতাম তৈরি করে কিন্তু ফায়ারফক্স একটি বোতাম তৈরি করে যা বলে "জিজ্ঞাসা করুন।" বোতামটি পরিবর্তন করার জন্য আপনি একটি বৈশিষ্ট্য যোগ করতে চান:

মান = "ফর্ম জমা">

উপাদানটি একইভাবে লিখিত আছে, কিন্তু যদি আপনি অন্য সমস্ত বৈশিষ্ট্যাবলী বন্ধ করে দেন, তবে ব্রাউজারে প্রদর্শিত সমস্তগুলি একটি খালি ধূসর বাটন। বোতামে পাঠ্য যোগ করতে, মান বৈশিষ্ট্যাবলীটি ব্যবহার করুন। কিন্তু আপনি যদি জাভাস্ক্রিপ্ট ব্যবহার না করেন তবে এই বোতামটি ফর্ম জমা হবে না।

onclick = "জমা দিন ();">

এটি বোতামের প্রকারের অনুরূপ, যা ফর্মটি জমা দেওয়ার জন্য একটি স্ক্রিপ্টের প্রয়োজন। পরিবর্তে একটি পাঠ্য মান পরিবর্তে, আপনি একটি ইমেজ সোর্স URL যোগ করা প্রয়োজন।

src = "submit.gif">

বোতাম এলিমেন্ট

বোতাম উপাদানটি একটি খোলার ট্যাগ এবং একটি ক্লোজিং ট্যাগ উভয়টির জন্য প্রয়োজন হয় যখন আপনি এটি ব্যবহার করেন, আপনি ট্যাগের ভিতরে যে কোনও বিষয়বস্তু যুক্ত করবেন একটি বোতামে থাকবে। তারপর আপনি একটি স্ক্রিপ্ট সঙ্গে বাটন সক্রিয়।

ফর্ম জমা

আপনি আপনার বোতামে ছবি অন্তর্ভুক্ত করতে পারেন বা চিত্রগুলি এবং পাঠ্যকে আরও আকর্ষণীয় বোতাম তৈরি করতে জুড়ে দিতে পারেন।

ফর্ম জমা

COMMAND এলিমেন্ট

COMMAND উপাদানটি HTML5 এর সাথে নতুন। এটি একটি ফর্ম ব্যবহার করার প্রয়োজন হয় না, কিন্তু এটি একটি ফর্ম জন্য একটি জমা বোতাম হিসাবে কাজ করতে পারেন। এই উপাদানটি আপনাকে ফরমের প্রয়োজন ছাড়াই আরও ইন্টারেক্টিভ পেজ তৈরি করতে দেয় যদি না আপনি ফরমের প্রয়োজন হয়। যদি আপনি কমান্ডটি কিছু বলতে চান, তাহলে আপনি একটি লেবেল বৈশিষ্ট্যাবলীতে তথ্য লিখুন।

লেবেল = "ফর্ম জমা">

আপনি যদি আপনার কমান্ডকে একটি চিত্র দ্বারা প্রতিনিধিত্ব করতে চান, আপনি আইকন বৈশিষ্ট্যাবলীটি ব্যবহার করেন।

আইকন = "submit.gif">

এই নিবন্ধটি এইচটিএমএল ফরম টিউটোরিয়াল অংশ । এইচটিএমএল ফর্মগুলি কীভাবে ব্যবহার করা যায় তা শিখতে পুরো টিউটোরিয়ালটি পড়ুন।

এইচটিএমএল ফর্মগুলি জমা দেওয়ার বিভিন্ন উপায় রয়েছে, যেমন আপনি আগের পৃষ্ঠায় শিখেছেন দুটি পদ্ধতি INPUT ট্যাগ এবং BUTTON ট্যাগ। এই উপাদান উভয় ব্যবহার করার জন্য ভাল কারণ আছে

INPUT উপাদানটি

ট্যাগটি একটি ফর্ম জমা করার সবচেয়ে সহজ উপায়। এটি ট্যাগ নিজেই অতিক্রম কিছুই প্রয়োজন, এমনকি একটি মান না যখন একটি গ্রাহক বোতামটি ক্লিক করে, এটি স্বয়ংক্রিয়ভাবে জমা দেয়। আপনি কোনও স্ক্রিপ্ট যোগ করতে হবে না, ব্রাউজার একটি জমা ইনপুট ট্যাগ ক্লিক করা হয় যখন ফর্ম জমা জানতে।

সমস্যা হল যে এই বোতামটি খুবই কুশ্রী এবং সমতল। আপনি এটিতে ছবি যোগ করতে পারবেন না। আপনি এটি অন্য উপাদান মত স্টাইল করতে পারেন, কিন্তু এটি এখনও একটি কুশ্রী বোতাম মত মনে করতে পারেন।

আপনার ফর্ম জাভাস্ক্রিপ্ট বন্ধ আছে ব্রাউজার এমনকি যে accesible করা হয়েছে যখন ইনপুট পদ্ধতি ব্যবহার করুন।

বোতাম এলিমেন্ট

বোতাম উপাদানগুলি জমা দেওয়ার জন্য আরো বিকল্পগুলি প্রদান করে। আপনি একটি বোতাম উপাদান ভিতরে কিছু করা এবং এটি একটি জমা বোতাম মধ্যে চালু করতে পারেন। বেশিরভাগ লোকই ছবি এবং পাঠ্য ব্যবহার করে। কিন্তু আপনি একটি DIV তৈরি করতে পারেন এবং যদি আপনি চান যে একটি সম্পূর্ণ বাটন একটি জমা বোতাম।

বোতাম উপাদানটি সবচেয়ে বড় দুর্বলতা হল এটি স্বয়ংক্রিয়ভাবে ফর্মটি জমা দেয় না। এর অর্থ হলো এটি সক্রিয় করার জন্য কিছু ধরনের স্ক্রিপ্টের প্রয়োজন। এবং তাই এটি INPUT পদ্ধতির তুলনায় কম অ্যাক্সেসযোগ্য। যেকোনো ব্যবহারকারী যদি জাভাস্ক্রিপ্ট চালু না করে তবে এটি জমা দেওয়ার জন্য শুধুমাত্র একটি বোতাম উপাদান দিয়ে একটি ফর্ম জমা দিতে সক্ষম হবে না।

ক্রমবর্ধমান নয় এমন ফর্মগুলিতে বোতাম পদ্ধতি ব্যবহার করুন এছাড়াও, এই একটি ফর্ম মধ্যে অতিরিক্ত জমা বিকল্প যোগ করার একটি দুর্দান্ত উপায়।

এই নিবন্ধটি এইচটিএমএল ফরম টিউটোরিয়াল অংশ। এইচটিএমএল ফর্মগুলি কীভাবে ব্যবহার করবেন সে সম্পর্কে আরো জানতে