ফরমগুলিতে এইচটিএমএল ইনপুট ট্যাগ এবং বাটন ট্যাগ ব্যবহার করে

"বোতামে অ্যাট্রিবিউট প্রকার সেট করে," একটি সহজ ক্লিকযোগ্য বোতাম তৈরি করা হবে। আপনি যে বোতামে প্রদর্শিত হবে তা সংজ্ঞায়িত করতে পারেন, যেমন "জমা দিন", মান বৈশিষ্ট্যাবলী ব্যবহার করে।

উদাহরণ স্বরূপ:

<ইনপুট টাইপ = "বোতাম" মান = "জমা">

সচেতন থাকুন যে <ইনপুট> ট্যাগ HTML ফর্ম জমা করবে না; ফর্ম ডেটা জমা দেওয়ার জন্য আপনাকে এখনও জাভাস্ক্রিপ্ট অন্তর্ভুক্ত করতে হবে। একটি জাভাস্ক্রিপ্ট onclick ইভেন্ট ছাড়া, বোতাম ক্লিকযোগ্য প্রদর্শিত হবে কিন্তু কিছুই ঘটবে না, এবং আপনি আপনার পাঠকদের হতাশ হবে।

& Lt; বাটন & gt; ট্যাগ বিকল্প

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

আপনি যেকোনো <বোতাম> ট্যাগগুলিতে বোতাম প্রকারের বৈশিষ্ট্য নির্দিষ্ট করতে চান। তিনটি ভিন্ন ধরনের আছে:

• বোতাম - বোতামের কোন অন্তর্নিহিত আচরণ নেই কিন্তু স্ক্রিপ্টের সাথে ব্যবহার করা হয় যা ক্লায়েন্ট-সাইডে চালানো হয় যা বোতামটি সংযুক্ত করা যায় এবং এটি ক্লিক করা হলে তা কার্যকর করা হয়।
• রিসেট - সব মান রিসেট
• জমা - বোতাম সার্ভারের ফর্ম ডেটা জমা দেয় (এটি কোনও মান নির্দিষ্ট না হলে এটি ডিফল্ট মান)।

অন্যান্য গুণাবলী অন্তর্ভুক্ত:

• নাম - একটি রেফারেন্স নাম বোতাম দেয়
• মান - প্রাথমিকভাবে বোতামে নির্ধারিত মান নির্ধারণ করে।
• নিষ্ক্রিয় - বোতামটি বন্ধ করে দেয়।

HTML5 আপনাকে আরো কার্যকারিতা দেয় এমন <বোতাম> ট্যাগটিতে কিছু অতিরিক্ত বৈশিষ্ট্য যোগ করে।

• অটোফোকাস - যখন পৃষ্ঠাটি লোড হয়, তখন এটি নির্দিষ্ট করে যে এই বোতামটি ফোকাস। শুধুমাত্র একটি অটোফোকাস একটি পৃষ্ঠায় ব্যবহার করা যেতে পারে।
• ফর্ম - ফর্মের শনাক্তকারী ব্যবহার করে মান হিসাবে একই এইচটিএমএল ডকুমেন্টের মধ্যে একটি ফর্ম সহ বোতামটি সহযোগীতা করুন। উদাহরণ স্বরূপ:
  • <বোতাম টাইপ = "জমা" ফর্ম = "পুনরায় ফর্ম" মান = "জমা দিন"> জমা দিন
• Formaction - শুধুমাত্র টাইপ = "জমা" এবং মান হিসাবে একটি URL ব্যবহৃত, এটি ফর্ম তথ্য পাঠানো হবে যেখানে নির্দিষ্ট করে। উদাহরণ স্বরূপ:
  • <বোতাম টাইপ = "জমা দিন" ফর্মায়ন = "/ জমা.php"> ফর্মের তথ্য অন্য পৃষ্ঠায় জমা দিন
• formenctype - শুধুমাত্র "টাইপ =" জমা " অ্যাট্রিবিউট " এর সাথে ব্যবহৃত। সার্ভারে জমা দেওয়ার সময় ফর্ম ডেটা কিভাবে এনকোড করা হবে তা নির্ধারণ করে। তিনটি মান হল অ্যাপ্লিকেশন / এক্স-www-ফর্ম-urlencoded (ডিফল্ট), মাল্টিপার্ট / ফর্ম-ডেটা এবং টেক্সট / প্লেইন।
• formmethod - শুধুমাত্র টাইপ = "জমা দিন" বৈশিষ্ট্যের সাথে ব্যবহার করা হয়। এটি ফর্ম ডেটা জমা দেওয়ার সময় কোনও HTTP পদ্ধতি ব্যবহার করে তা নির্দিষ্ট করে, পেতে বা পোস্ট করে।
• formnovalidate - শুধুমাত্র টাইপ = "জমা দিন" বৈশিষ্ট্যের সাথে ব্যবহৃত। জমা দেওয়ার সময় ফর্ম ডেটা যাচাই করা হবে না।
• formtarget - শুধুমাত্র টাইপ = "জমা দিন" বৈশিষ্ট্যের সাথে ব্যবহৃত। এটি নির্দেশ করে যেখানে ফর্ম তথ্য জমা দেওয়া হয় যখন একটি নতুন উইন্ডোতে, ইত্যাদি। সাইট বিকল্পটি প্রদর্শিত হবে যেখানে মান বিকল্পটি _blank, _self, _parent, _top, অথবা একটি নির্দিষ্ট ফ্রেম নাম।

আপনি ফর্ম ব্যবহার করছেন, আপনি এইচটিএমএল ফর্ম মধ্যে বোতাম তৈরি আপ পড়তে চান, এবং কিভাবে আপনার সাইট আরো ব্যবহারকারী বন্ধুত্বপূর্ণ করতে পারেন