<ইনপুট টাইপ = 'বোতাম' /> এবং <ইনপুট টাইপ = 'জমা' /> এর মধ্যে পার্থক্য


222

মূ ?় প্রশ্ন হিসাবে কোনও জিনিস নেই, তাই আমরা এখানে যাচ্ছি: <input type='button' />এবং এর মধ্যে পার্থক্য কী <input type='submit' />?


2
এইচটিএমএল <বাটন> উপাদানটি তার নিজের, সাথীর উপর কোনও ফর্ম জমা দেয় না ...
ষড়ভুজ তত্ত্ব

6
আসলে, এটি কিছু ব্রাউজারে করে। কোনও ফর্ম থাকা, জমা-বোতাম ছাড়াই তবে পরিবর্তে একটি <বাটন> এতে জমা দেওয়া-কার্যকারিতা প্রয়োগ করবে। ফায়ারফক্সের এই আচরণ রয়েছে।
জিশি

ডাব্লু 3 সি অনুচ্ছেদে পড়ার সময় এটি আসলে ডিফল্ট আচরণ, যেহেতু বোতামগুলির মধ্যে একটি টাইপ-অ্যাট্রিবিউট থাকে যা "জমা দিতে" ডিফল্ট হয়।
jishi


37
আমার একই প্রশ্ন ছিল এবং এটি অবশ্যই একটি মূ question় প্রশ্ন নয়, বিশেষত আপনি যদি একটি এসপ নেট ওয়েব ফর্ম ডেভেলপার হয়ে থাকেন আপনার সারাজীবন যেখানে আমরা নিয়মিত এইচটিএমএল খুব সহজে ব্যবহার করি না কারণ বোকা অ্যাসপিএন নিয়ন্ত্রণগুলি এই বিষ্ঠা ছিটিয়ে যায় because আমাদের জন্য ... এই কারণেই আমরা এমভিসিতে চলে যাওয়ার সময় বোবা হয়ে শেষ হয়েছি এবং কীভাবে সহজ ফর্মের উপাদানগুলি আবার কোড করতে হবে তা নির্ধারণের জন্য কিন্ডারগার্ডেনে ফিরে যেতে হবে। :)
PositiveGuy

উত্তর:


235

<input type="button" />বোতামগুলি কোনও ফর্ম জমা দেবে না - তারা ডিফল্টরূপে কিছুই করে না। এজেএক্স আবেদনের অংশ হিসাবে এগুলি সাধারণত জাভাস্ক্রিপ্টের সাথে একত্রে ব্যবহৃত হয়।

<input type="submit"> আপনি জাভাস্ক্রিপ্টের সাহায্যে অন্যথায় নির্দিষ্ট না করে বাটনগুলি ব্যবহারকারীরা তাদের ক্লিক করার সময় তারা যে ফর্মটিতে থাকে তা জমা দেবে।


42
এছাড়াও ব্রাউজারগুলি কোনও ফর্মের "এন্টার" কিপ্রেস ক্যাপচার করতে পারে এবং জমা বোতাম থাকলে স্বয়ংক্রিয়ভাবে ফর্মটি জমা দিতে পারে তবে অন্যথায় নয় not
মিঃ শাইনি এবং নিউ 宇

2
তারা এটিও করে যে আপনার কাছে যদি কোনও ধরণের = "চিত্র" থাকে, যা ক্লিক করার সময় ফর্ম-জমা দেওয়ার ট্রিগার করতে ব্যবহার করা যেতে পারে।
জিশি

5
মিঃ শাইনি এবং নতুন: কোনও বোতাম ছাড়াই এন্টার কী দিয়ে ফর্মগুলি জমা দেওয়া যেতে পারে। উদাহরণস্বরূপ, কোনও পাঠ্য ইনপুটটিতে ফোকাস করা যথেষ্ট।
লসার

3
আপনি বাটন উপাদানগুলি ব্যবহার করতে পারেন, যদিও প্রত্যেকের প্রিয় ব্রাউজার (আইই) ব্যবহার করার সময় তাদের সাথে কয়েকটি সমস্যা রয়েছে surprise যদিও সম্পর্কে জ্ঞান মূল্যবান।

4
এটি স্পষ্টতই পুরানো তবে আমার 2 সেন্ট দেওয়ার প্রয়োজন বোধ হচ্ছে কারণ এটি বোতামের ধরণের ব্যবহারের একটি বৃহত্তর পতন ... ফর্ম অনসামিত ইভেন্টটি জাভাস্ক্রিপ্ট সাবমিশন থেকে বরখাস্ত করা হয়নি, যার ফলে সম্ভাব্য রক্ষণাবেক্ষণের দুঃস্বপ্ন দেখা যায়।
মথমন্সটারম্যান

20

একটি 'বাটন' ঠিক তেমন একটি বোতাম যা আপনি জাভাস্ক্রিপ্ট ব্যবহার করে অতিরিক্ত কার্যকারিতা যুক্ত করতে পারেন। একটি 'সাবমিট' ইনপুট টাইপের এটি ফর্মটি জমা দেওয়ার ডিফল্ট কার্যকারিতা রয়েছে (যদিও, অবশ্যই আপনি জাভাস্ক্রিপ্ট ব্যবহার করে অতিরিক্ত কার্যকারিতা যুক্ত করতে পারেন)।


7

বোতামটি নিজেই ফর্ম জমা দেবে না a এটি একটি সাধারণ বোতাম যা জাভাস্ক্রিপ্ট ব্যবহার করে কিছু ক্রিয়াকলাপ করতে ব্যবহৃত হয় যখন সাবমিট এমন একধরণের বাটন যা ব্যবহারকারীরা সাবমিট বাটনে ক্লিক করলে ডিফল্টরূপে ফর্মটি জমা দেয়।


3

IE 8 আসলে জমা দেওয়া বা বোতামের মুখোমুখি হওয়া প্রথম বোতামটি ব্যবহার করে। এটিকে ইনপুট টাইপ করে = যা পৃষ্ঠায় অর্ডার জমা দিন তা পছন্দ করে তা সহজেই তাৎপর্যপূর্ণ।


3

এটিও উল্লেখ করা উচিত যে = "জমা" টাইপের একটি নামযুক্ত ইনপুটও অন্য ফর্মের নামযুক্ত ক্ষেত্রগুলির সাথে একসাথে জমা দেওয়া হবে যখন একটি নামযুক্ত ইনপুট টাইপ = "বোতাম" করবে না।

অন্য কথায় সঙ্গে, নীচের উদাহরণে, নামক ইনপুট name=button1 হবে না যখন নামে ইনপুট পেশ করুন name=submit1 করবে পেশ দেখায়।

নমুনা এইচটিএমএল ফর্ম (index.html):

<form action="checkout.php" method="POST">

  <!-- this won't get submitted despite being named -->
  <input type="button" name="button1" value="a button">

  <!-- this one does; so the input's TYPE is important! -->
  <input type="submit" name="submit1" value="a submit button">

</form>

উপরের ফর্মটির ক্রিয়াকলাপটি পিএইচপি স্ক্রিপ্ট (চেকআউট.এফপি):

<?php var_dump($_POST); ?>

আপনার স্থানীয় মেশিনে উপরের টেস্টটি / টিএমপি / টেস্ট / নামে একটি ফোল্ডারে দুটি ফাইল তৈরি করে শেল থেকে বিল্ট-ইন পিএইচপি ওয়েব সার্ভার চালনা করে:

php -S localhost:3000 -t /tmp/test/

আপনার ব্রাউজারটি http: // লোকালহোস্ট: 3000 এ খুলুন এবং নিজের জন্য দেখুন।

একজন ভাববেন যে কেন আমাদের একটি নামযুক্ত বোতাম জমা দেওয়ার দরকার হবে? এটি ব্যাক-এন্ড স্ক্রিপ্টের উপর নির্ভর করে। উদাহরণস্বরূপ, ডাব্লুকমার্স ওয়ার্ডপ্রেস প্লাগইন Place Orderনামযুক্ত বোতামটি জমা না দেওয়া হলে পোস্ট করা একটি চেকআউট পৃষ্ঠা প্রক্রিয়া করবে না । থেকে আপনি তার ধরণ যদি কাজটি পরিবর্তন জমা করার বাটন তারপর এই বাটন জমা দেওয়া হয়নি হবে এবং এইভাবে চেকআউট ফর্ম কখনো প্রক্রিয়া হবে।

এটি সম্ভবত একটি ছোট বিশদ তবে আপনি জানেন, শয়তানটি বিশদে রয়েছে।


এটি কি অনুমান অনুসারে বা এটি ব্রাউজার নির্ভর?
ম্যাগনাস লিন্ড অক্সলন্ড

0

<input type="button">কেবল ফর্মের মধ্যে নয়, কোথাও ব্যবহার করা যেতে পারে এবং সেগুলির মধ্যে থাকলে তারা ফর্ম জমা দেয় না। অনেক ভাল সঙ্গে উপযুক্ত Javascript

<input type="submit">কেবলমাত্র ফর্মগুলিতে ব্যবহার করা উচিত এবং তারা নির্দিষ্ট ইউআরএলে একটি অনুরোধ (জিইটি বা পোষ্ট) প্রেরণ করবে। এগুলি কোনও HTML স্থানে রাখা উচিত নয় put


0

ডাব্লু 3 সি বাটন উপাদান সম্পর্কে স্পেসিফিকেশন এটিকে পরিষ্কার করে

কোনও ডিফল্ট আচরণ ছাড়াই বাটনকে সমস্ত ধরণের বোতামের জন্য জেনেরিক শ্রেণি হিসাবে দেখা যেতে পারে।

W3C এর


0

type='Submit'পিছনে ও মানগুলি পিএইচ-এন্ডে (পিএইচপি,। নেট ইত্যাদি) পেতে সেট করা হয়েছে। type='button'সাধারণ বোতাম আচরণ প্রতিফলিত করবে।

আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.