একটি ইনপুট ক্ষেত্রে দুটি লেবেল থাকতে পারে?

Question

মেরির একটি সামান্য ফর্ম ছিল, এবং এর ক্ষেত্র যেখানে ঠিক তাই লেবেলযুক্ত।
যখনই কোনও ত্রুটি সৃষ্টি হয়েছিল তখন বিভ্রান্তি বপন করবে।

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

একই ইনপুট ক্ষেত্রে আমার দুটি লেবেল থাকতে পারে? একটি ফর্ম সঠিক, এবং বৈধতা অনুস্মারক পাঠ্য এক? আমার এমনটি করা উচিত নয় এমন কোনও কারণ আছে?

Comments

আপনার চেষ্টা আছে কি ঘটে? যদি এটি কাজ করে তবে আমি বিশ্বাস করি না যে এটি আপনার ফর্ম বা পৃষ্ঠার কোনও ক্ষতি করতে পারে। এবং আপনি একটি প্লাস পাবেন কারণ ব্যবহারটি বৈধতা ত্রুটিতে ক্লিক করতে এবং সঠিক ক্ষেত্রে ফোকাস পেতে সক্ষম হবে।

— ফিলিপ সাইপ্রিয়ানো

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

— গিডো হেন্ডরিক্স

এটি কি সাধারণ ইউআই ডিজাইন / ব্যবহারের প্রশ্ন?

— jball

হ্যাঁ। এটি "কাজ করে" ... তবে এটির খারাপ ডিজাইনের কোনও কারণ আছে? আমি অনুমান করছি এটি অ্যাক্সেসযোগ্যতার কারণে হতে পারে, তবে একটি সাধারণ ব্যবহারকারীর জন্য আমি ত্রুটি বার্তায় ক্লিক করতে পেরেছি এবং মেস আপ আপ ফিল্ডে নিয়ে যেতে পারলে বিষয়গুলি সহজ হয়ে যাবে ... আমি জানি না এটি হবে কিনা "দৃষ্টি প্রতিবন্ধীদের জন্য পাঠক" বা এই জাতীয় উপায়ে জড়ান।

— aslum

কিছু ক্ষেত্রে, আপনার নিয়ন্ত্রণ এবং পাঠ্যকে কোনওটির মধ্যে রাখা আরও সহজ label। এমনকি আপনি গুণাবলী forএবং idবৈশিষ্ট্যগুলি বাদ দিতে পারেন । স্পেসিফিকেশন এই অন্তর্নিহিত সমিতি কল।

— rybo111

Answer 1

আমি ধরে নিই এই প্রশ্নটি এইচটিএমএল ফর্মগুলি সম্পর্কে। স্পেসিফিকেশন থেকে :

LABEL উপাদান নিয়ন্ত্রণে তথ্য সংযুক্ত করতে ব্যবহৃত হতে পারে। প্রতিটি LABEL উপাদান হ'ল এক ফর্ম নিয়ন্ত্রণের সাথে যুক্ত।

সুতরাং, প্রতিটি ফর্ম নিয়ন্ত্রণ একাধিক লেবেল দ্বারা রেফারেন্স করা যেতে পারে, তবে প্রতিটি লেবেল কেবল একটি নিয়ন্ত্রণ রেফারেন্স করতে পারে। সুতরাং যদি এটি নিয়ন্ত্রণের জন্য একটি দ্বিতীয় লেবেল বোধ করা করে (এবং আপনি যে পরিস্থিতিতে বর্ণনা করেন তবে এটি করে) দ্বিতীয় লেবেল যুক্ত করতে নির্দ্বিধায়।

Comments

এটি HTML এর পরে ব্যবহারযোগ্যতা / অ্যাক্সেসযোগ্যতার প্রশ্নে আরও বেশি। এইচটিএমএল কাজ করে।

— aslum

আমাদের সকলকে কেবলমাত্র বৈধ কোড ব্যবহার করা উচিত, অন্যথায় ভবিষ্যতে বা অন্য কারও জন্য বা কিছু জেএস লাইব্রেরি বা যে কোনও কিছুতে জিনিসগুলি ভেঙে যেতে পারে।

— শের্নান্দেজ

সঠিক উত্তর রব এর। এই সমাধান দৃষ্টিশক্তি ব্যবহারকারীদের জন্য কাজ করে এবং কিছু স্ক্রিন পাঠকদের ব্যর্থ হয়। আসলুম, অনুমান করে আপনি রব তার উত্তর জমা দেওয়ার আগে উপরের জুম্মারের উত্তর গ্রহণ করেছেন।

— কেজ র‌্যাটার

@ অভ্রামল্যাভিনস্কি নং, "এই ক্ষেত্রটিতে দুটি লেবেল থাকতে পারে কি?" এর সঠিক উত্তর এটি? অনুমানটি বেশ পরিষ্কার। ক্লায়েন্টরা কীভাবে এটি ব্যাখ্যা করতে পছন্দ করে তা তাদের উপর নির্ভর করে। "আরিয়া-বর্ণিত" এর সাথে আপনার লিঙ্কটি, যা "আরিয়া-লেবেল্ডি" এর সাথে লিঙ্ক করে, এটি হ'ল ভাঙা পর্দার পাঠকদের "ঠিক" করার উপায় way

— জেমস সামনার্স

ফানি এমডিএন বলছে "এক ইনপুট একাধিক লেবেলের সাথে যুক্ত হতে পারে।" বিকাশকারী.মোজিলা.আর.ইন-

— ইউএস

Answer 2

এইচটিএমএল আইনী, এবং এটি কাজ করে (কোনও লেবেলে ক্লিক করা প্রশ্নে ক্ষেত্রের দিকে ফোকাস স্থানান্তর করবে)।

অ্যাক্সেসযোগ্যতার কারণে সঠিকভাবে কাজ করা একটু কৌশলযুক্ত।

এটি "সাধারণ" পদ্ধতির নয়, এবং কমপক্ষে একজন সাধারণ স্ক্রিন রিডার (আমি এনভিডিএর সাথে পরীক্ষিত) কেবলমাত্র প্রথম লেবেলটি পড়ে যখন আপনি ক্ষেত্রের দিকে ফোকাস স্থানান্তর করবেন - এটি একই ক্ষেত্রের জন্য কোনও অতিরিক্ত লেবেল উপেক্ষা করে।

সুতরাং যদি আপনার ত্রুটি বার্তা পৃষ্ঠার শীর্ষে থাকে তবে ক্ষেত্রগুলির মধ্যে ট্যাবিং করা অন্ধ বা নিম্ন-দৃষ্টিভুক্ত ব্যবহারকারী প্রশ্নে মাঠে নেমে কেবল ত্রুটি বার্তাটি শুনতে পাবে, তার পাশের "প্রকৃত" লেবেলটি নয়।

অতএব - আপনি যদি ত্রুটি বার্তাকে যথাযথভাবে বাক্যটি উচ্চারণ করেন তবে এটি একটি ভাল জিনিস হতে পারে (কেবলমাত্র অ-বৈধকরণের ক্ষেত্রটি লাল রঙে তুলে ধরার চেয়ে ভাল!)।

Comments

এটি সঠিক, এবং কোড করার সঠিক উপায়টি এরিয়া-বর্ণিত বৈশিষ্ট্যটির

— খাঁচা রাট্টাল

Answer 3

হ্যাঁ, একই ফর্ম নিয়ন্ত্রণে আপনার একাধিক লেবেল পয়েন্ট থাকতে পারে। এটি পুরোপুরি আইনী :

<label for="fname">First name</label>
<label for="fname">Enter your info</label>
<label for="fname">Why not a third label</label>
<input type="text" id="fname" name="fname">

এটি কেবলমাত্র একটি উদাহরণ ... সাধারণত কাছাকাছি থাকায় আপনি এই লাইনগুলিকে একটি লেবেল দিয়ে মুড়ে ফেলবেন।

Comments

দস্তাবেজের লিঙ্কটির জন্য +1 যেখানে এটি স্পষ্টভাবে জানিয়েছে যে " বৈশিষ্ট্যের LABELমাধ্যমে একাধিক রেফারেন্স তৈরি করে একের অধিক এক একই নিয়ন্ত্রণের সাথে যুক্ত হতে পারে for।"

— অলেগস