সুতরাং আমি একটি পাঠ্য ইনপুট আছে
<input type="text" value="3" class="field left">এটির জন্য আমার সিএসএস এখানে
background:url("images/number-bg.png") no-repeat scroll 0 0 transparent;
border:0 none;
color:#FFFFFF;
height:17px;
margin:0 13px 0 0;
text-align:center;
width:17px; এটির কোনও সেটিং বা কৌশল আছে, আমি পরিবর্তে কোনও লেবেল করার কথা ভাবছিলাম কিন্তু স্টাইলিং সম্পর্কে কীভাবে। আমি কীভাবে এগুলিকে রূপান্তর করব এবং এর চেয়ে আরও ভাল উপায় বা এটিই কি একমাত্র উপায়?
উত্তর:
<input type="text" value="3" class="field left" readonly>স্টাইলিংয়ের দরকার নেই।
দেখুন <input>MDN উপর https://developer.mozilla.org/en/docs/Web/HTML/Element/input#Attributes
textareaসঙ্গে readonlyঅ্যাট্রিবিউট?
আপনি ইনপুটটিতে বৈশিষ্ট্যটি যুক্ত করতে পারেন readonly:
<input type="text" value="3"
class="field left" readonly="readonly">আরও তথ্য: http://www.w3schools.com/tags/att_input_readonly.asp
আপনি readonlyযদি নিজের ইনপুটটি কেবল পঠন করতে চান তবে আপনি বৈশিষ্ট্যটি ব্যবহার করতে পারেন । এবং আপনি disabledবৈশিষ্ট্যটি ব্যবহার করতে পারেন , আপনি যদি ইনপুট দেখানোতে চান তবে সম্পূর্ণ অক্ষম (এমনকি পিএইচপি-র মতো ভাষা প্রক্রিয়াজাতকরণগুলি সেগুলি পড়তে সক্ষম হবে না)।
কেবলমাত্র উপলব্ধ উত্তরগুলি সম্পূর্ণ করতে:
একটি ইনপুট উপাদানটি কেবল পাঠযোগ্য বা অক্ষম হতে পারে (এর মধ্যে কোনওটিই সম্পাদনাযোগ্য নয়, তবে কয়েকটি পার্থক্য রয়েছে: ফোকাস, ...)
এখানে ভাল ব্যাখ্যা পাওয়া যাবে:
এইচটিএমএল ফর্ম ইনপুট ক্ষেত্রগুলির জন্য অক্ষম = "অক্ষম" এবং পঠনযোগ্য = "পঠনযোগ্য" এর মধ্যে পার্থক্য কী?
ব্যবহারবিধি:
<input type="text" value="Example" disabled />
<input type="text" value="Example" readonly />এটি এখানে বর্ণিত হিসাবে সিএসএস বা জাভাস্ক্রিপ্টের মাধ্যমে তৈরি করার কিছু সমাধান রয়েছে ।
/>আপনার ট্যাগ বন্ধ করতে, আপনি ভাল হিসাবে আপনার বৈশিষ্ট্যাবলী প্রসারিত হতে পারে disabled="disabled"এবং readonly="readonly"খুব।
<input type="text" value="3" class="field left" readonly>আপনি https://www.w3schools.com/tags/att_input_readonly.asp এ দেখতে পাবেন
"কেবলমাত্র পঠনযোগ্য" সেট করার পদ্ধতি:
$("input").attr("readonly", true)"কেবলমাত্র পঠনযোগ্য" বাতিল করুন (jQuery এ কাজ করুন):
$("input").attr("readonly", false)পঠনযোগ্য বৈশিষ্ট্য যুক্ত করুন
<input type="text" value="3" class="field left" readonly="readonly" >বা -
<input type="text" value="3" class="field left" readonly>কোন সিএসএস দরকার!
আপনাকে কেবল শেষে অক্ষম করা দরকার
<input type="text" value="3" class="field left" disabled>যুক্ত করুন readonly:
<input type="text" value="3" class="field left" readonly>আপনি যদি চান যে মানটি কোনও ফর্মটিতে জমা না দেওয়া হয় তবে তার পরিবর্তে disabledবৈশিষ্ট্যটি যুক্ত করুন।
<input type="text" value="3" class="field left" disabled>সিএসএস ব্যবহার করার কোনও উপায় নেই যা সর্বদা এটি করতে কাজ করে।
কেন? সিএসএস কিছুই "অক্ষম" করতে পারে না। আপনি এখনও প্রদর্শন বা দৃশ্যমানতা এবং ব্যবহার বন্ধ করতে পারেন pointer-events: noneতবে pointer-eventsআইই 11 এর আগের যে সংস্করণগুলি প্রকাশিত হয়েছিল সেগুলি নিয়ে কাজ করে না।
আপনি যদি সত্যই সিএসএস ব্যবহার করতে চান তবে নিম্নলিখিত সম্পত্তিটি ব্যবহার করুন যা ক্ষেত্রটি সম্পাদনযোগ্য নয়।
pointer-events: none;