অক্ষম ইনপুটগুলির মান জমা দেওয়া হবে না


224

এটি আমি ফায়ারবক্সে ফায়ারব্যাগের দ্বারা পেয়েছি।

অন্যান্য ব্রাউজারগুলিতে কি এটি একই?

যদি তা হয় তবে এর কারণ কী?


23
আপনি একটি 'পঠনযোগ্য' বৈশিষ্ট্য সেট করতে পারেন। উদাহরণস্বরূপ ক্রোম এটিকে অক্ষম ক্ষেত্র হিসাবে রেন্ডার করে তবে তা জমা দেয়।
পিটাররাস

উত্তর:


189

হ্যাঁ, সমস্ত ব্রাউজারকে অক্ষম ইনপুটগুলি জমা দেওয়া উচিত নয়, কারণ সেগুলি কেবল পঠনযোগ্য।

আরও তথ্য (বিভাগ 17.12.1)

বৈশিষ্ট্য সংজ্ঞা

অক্ষম [সিআই] যখন কোনও ফর্ম নিয়ন্ত্রণের জন্য সেট করা থাকে তখন এই বুলিয়ান বৈশিষ্ট্যটি ব্যবহারকারীর ইনপুটটির জন্য নিয়ন্ত্রণটি অক্ষম করে। সেট করা থাকলে অক্ষম বৈশিষ্ট্যের কোনও উপাদানটিতে নিম্নলিখিত প্রভাব থাকে:

  • অক্ষম নিয়ন্ত্রণগুলি ফোকাস গ্রহণ করে না।
  • নিষ্ক্রিয় নিয়ন্ত্রণগুলি ট্যাবিং নেভিগেশনে এড়িয়ে যায়।
  • অক্ষম নিয়ন্ত্রণগুলি সফল হতে পারে না।

নিম্নলিখিত উপাদানগুলি অক্ষম বৈশিষ্ট্যটিকে সমর্থন করে: বাটন, ইনপুট, অপ্টগ্রুপ, বিকল্প, নির্বাচন এবং টেক্সটারিএ।

এই বৈশিষ্ট্যটি উত্তরাধিকার সূত্রে প্রাপ্ত তবে স্থানীয় ঘোষণাগুলি উত্তরাধিকার সূত্রে প্রাপ্ত মানকে ওভাররাইড করে।

অক্ষম উপাদানগুলি কীভাবে রেন্ডার করা হয় তা ব্যবহারকারী এজেন্টের উপর নির্ভর করে। উদাহরণস্বরূপ, কিছু ব্যবহারকারী এজেন্ট অক্ষম মেনু আইটেম, বোতাম লেবেল, ইত্যাদি "ধূসর করে"

এই উদাহরণে, ইনপুট উপাদানটি অক্ষম। অতএব, এটি ব্যবহারকারীর ইনপুট গ্রহণ করতে পারে না বা ফর্মের সাথে এর মানও জমা দেওয়া যাবে না।

<INPUT disabled name="fred" value="stone">

বিঃদ্রঃ. অক্ষম বৈশিষ্ট্যের মান পরিবর্তনশীলভাবে পরিবর্তনের একমাত্র উপায় হ'ল স্ক্রিপ্টের মাধ্যমে।


86
কার্যক্ষম: <input type="hidden">অক্ষম ইনপুট হিসাবে একই নাম / মান সহ একটি উপাদান যুক্ত করুন।
জন কুগেলম্যান

কোন ব্রাউজারে কোন তথ্য দেয় এবং কোনটি মান্য করে না?
অ্যালিসোন

82
পরিবর্তে কেবল পঠনযোগ্য = "পঠনযোগ্য" ব্যবহার করুন :) দেখুন স্ট্যাকওভারফ্লো
অ্যাড্রিয়েন

1
@ অ্যালিসোন: ফায়ারফক্স এবং ক্রোম মনে হচ্ছে এটি (অক্ষম ইনপুট জমা দেওয়া হয়নি) obey অন্য ব্রাউজারে চেষ্টা করা হয়নি।
এড্রিয়েন

1
@ জনকুগেলম্যান একই নাম কেন? প্রতিবন্ধীদের কোনওভাবেই জমা দেওয়া হবে না .. এছাড়াও লুকানোটিকে সত্য নাম দিতে পারে এবং প্রতিবন্ধীদের জন্য আলাদা একটি ব্যবহার করতে পারে
আর্থ

286

disabled ইনপুট ডেটা জমা দেবে না।

readonlyবৈশিষ্ট্যটি ব্যবহার করুন :

<input type="text" readonly />

উত্স এখানে


@ ফ্র্যাঙ্কফ্যাং, ঠিক আছে, কিন্তু, যখন আমি লারাভেল সমষ্টিগতের ফলক টেম্পলেটে ডেটা দিচ্ছি। এটি কাজ করবে না। সেভাবে ডেটা প্রেরণ করতে পারে না।
ssi-anik

@ ssi-anik readonlyকাজ করে, কেবলমাত্র নিশ্চিত হয়ে নিন যে আপনি "নাম" অ্যাটর ইনপুটটিতে পাস করেছেন।
বেননভ

26

অক্ষম নকল করতে আপনি তিনটি জিনিস ব্যবহার করতে পারেন:

  1. এইচটিএমএল: readonlyঅ্যাট্রিবিউট (যাতে ইনপুটটিতে উপস্থিত মানটি ফর্ম জমা দেওয়ার সময় ব্যবহার করা যায় Also এছাড়াও ব্যবহারকারী ইনপুট মান পরিবর্তন করতে পারে না)

  2. সিএসএস: 'pointer-events':'none'(ইনপুটটি ক্লিক করে ব্যবহারকারীকে অবরুদ্ধ করা হচ্ছে)

  3. এইচটিএমএল: tabindex="-1"(কীবোর্ড থেকে ইনপুটটিতে নেভিগেট করতে ব্যবহারকারীকে অবরুদ্ধ করা হচ্ছে)


22

তারা জমা দেয় না, কারণ এটি ডাব্লু 3 সি স্পেসিফিকেশনে বলে

17.13.2 সফল নিয়ন্ত্রণসমূহ

একটি সফল নিয়ন্ত্রণ জমা দেওয়ার জন্য "বৈধ"। [স্নিপ]

  • অক্ষম করা নিয়ন্ত্রণগুলি সফল হতে পারে না।

অন্য কথায়, স্পেসিফিকেশনটি বলে যে অক্ষম করা নিয়ন্ত্রণগুলি অবৈধ হিসাবে বিবেচিত হয় এবং জমা দেওয়া উচিত নয়।


2

Disabledনিয়ন্ত্রণগুলি সফল হতে পারে না, এবং একটি সফল নিয়ন্ত্রণ জমা দেওয়ার জন্য "বৈধ"। এই কারণেই অক্ষম নিয়ন্ত্রণগুলি ফর্মের সাথে জমা দেয় না।


1

দুটি বৈশিষ্ট্য রয়েছে, যথা readonlyএবং disabled, এটি একটি আধা-পঠনযোগ্য ইনপুট তৈরি করতে পারে। তবে তাদের মধ্যে একটি ছোট পার্থক্য আছে।

<input type="text" readonly />
<input type="text" disabled />
  • readonlyঅ্যাট্রিবিউট আপনার ইনপুট টেক্সট অক্ষম করে তোলে, এবং ব্যবহারকারীদের এটা আর পরিবর্তন করতে পারবেন না।
  • disabledবৈশিষ্ট্যটি কেবল আপনার ইনপুট-পাঠ্যকে অক্ষম করে তুলবে না (অপরিবর্তনীয়) তবে এটি জমা দেওয়া যাবে না

jQuery পদ্ধতির (1):

$("#inputID").prop("readonly", true);
$("#inputID").prop("disabled", true);

jQuery পদ্ধতির (2):

$("#inputID").attr("readonly","readonly");
$("#inputID").attr("disabled", "disabled");

জাভাস্ক্রিপ্ট পদ্ধতির:

document.getElementById("inputID").readOnly = true;
document.getElementById("inputID").disabled = true;

পিএস disabledএবং readonlyমানক এইচটিএমএল বৈশিষ্ট্য। propসঙ্গে পরিচয় করিয়ে দেওয়া jQuery 1.6


0

নির্বাচন নিয়ন্ত্রণগুলি এখনও পঠনযোগ্য বৈশিষ্ট্যে ক্লিকযোগ্য

আপনি যদি এখনও নিয়ন্ত্রণটি অক্ষম করতে চান তবে আপনি এর মানটি পোস্ট করতে চান। আপনি একটি লুকানো ক্ষেত্র তৈরি বিবেচনা করতে পারেন। আপনার নিয়ন্ত্রণ হিসাবে একই মান সঙ্গে।

তারপরে একটি পরিবর্তনগুলি নির্বাচন করুন, নির্বাচন করুন পরিবর্তন

$('#your_select_id').change(function () {
    $('#your_hidden_selectid').val($('#your_select_id').val());
});
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.