Skip to main content

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

Building Dynamic Web Apps with Laravel by Eric Ouyang (জুন 2025)

Building Dynamic Web Apps with Laravel by Eric Ouyang (জুন 2025)
Anonim

আপনি HTML ব্যবহার করে HTML এ কাস্টমাইজেবল পাঠ্য বোতাম তৈরি করতে পারেন ট্যাগ। দ্য উপাদান একটি মধ্যে ব্যবহার করা হয়

উপাদান।

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

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

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

দ্য

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

আপনি বাটন নির্দিষ্ট করতে চান আদর্শ যে কোনো বৈশিষ্ট্য ট্যাগ. তিনটি ভিন্ন ধরনের আছে:

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

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

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

HTML5 কিছু অতিরিক্ত বৈশিষ্ট্য যোগ করে

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