উত্তর:
কেবল titleআপনার একটিতে যুক্ত করুন button।
<button title="Hello World!">Sample Button</button>titleএকটি বোতামের জন্য কীবোর্ড শর্টকাট দেখানোর জন্য বৈশিষ্ট্যটি ব্যবহার করেছি কারণ শর্টকাটগুলি প্রয়োজনীয় নয় এবং কেবল ডিভাইসগুলি স্পর্শ করলেই কিবোর্ড ব্যবহার হয় না।
উভয় <button>ট্যাগ এবং <input type="button">একটি শিরোনাম বৈশিষ্ট্য স্বীকার ..
<a>এবং href?
aট্যাগের পাশাপাশি সমস্ত ট্যাগই titleবৈশিষ্ট্যটিকে সমর্থন করে । বিকাশকারী.মোজিলা.অর্গ.ইন-
titleবৈশিষ্ট্য ব্যবহার করুন । এটি একটি স্ট্যান্ডার্ড এইচটিএমএল বৈশিষ্ট্য এবং বেশিরভাগ ডেস্কটপ ব্রাউজারগুলির দ্বারা একটি টুলটিপে ডিফল্টরূপে রেন্ডার হয়।
এখানে প্রত্যেকের জন্য একটি ক্রেজি সমাধান সমাধানের জন্য , কেবল চেষ্টা করুন
title="your-tooltip-here"মধ্যে কোন ট্যাগ । আমি tdএর এবং এর পরীক্ষা করেছি aএবং এটি বেশ কার্যকর।
একটি বোতাম একটি "শিরোনাম" বৈশিষ্ট্য গ্রহণ করে। তারপরে আপনি এটিকে মানটি নির্ধারণ করতে পারেন যখন আপনি বোতামের উপর দিয়ে মাউসটি ঘোরাবেন তখন আপনি একটি লেবেল প্রদর্শিত করতে চান।
<button type="submit" title="Login">
Login</button>শিরোনাম বৈশিষ্ট্যটি আরও তথ্য দেওয়ার জন্য বোঝানো হয়। এটি SEO এর পক্ষে কার্যকর নয় তাই শিরোনাম এবং Alt এ একই পাঠ্য থাকা কখনই ভাল ধারণা নয় যা চিত্র বা ইনপুটটি বোঝাতে বোঝায় যে এটি কী করে। এই ক্ষেত্রে:
<button title="prints out hello world">Sample Buttons</button>
<img title="Hms beagle in the straits of magellan" alt="HMS Beagle painting" src="hms-beagle.jpg" />শিরোনামের বৈশিষ্ট্যটি একটি সরঞ্জাম টিপ তৈরি করবে, তবে এটি ব্রাউজারের দ্বারা নিয়ন্ত্রণ করা হবে যতদূর এটি প্রদর্শিত হবে এবং এটির মতো দেখাচ্ছে। আপনি যদি আরও নিয়ন্ত্রণ চান তবে তৃতীয় পক্ষের jQuery বিকল্প রয়েছে, বুটস্ট্র্যাপের মতো অনেক CSS টেম্পলেটগুলি সলিউশনগুলিতে তৈরি করেছে এবং আপনি চাইলে একটি সাধারণ সিএসএস সমাধানও লিখতে পারেন। এই w3schools সমাধান পরীক্ষা করে দেখুন ।
এটিকে সমস্ত ব্রাউজারে কাজ করতে আপনার শিরোনাম এবং Alt উভয় বৈশিষ্ট্য ব্যবহার করা উচিত ।
<button title="Hello World!" alt="Hello World!">Sample Button</button>altঅ্যাট্রিবিউট শুধুমাত্র বৈধ হয় img, input type="image"এবং areaট্যাগ।
disabledবোতামগুলিতে সত্যিই কাজ করে না কারণ বুটস্ট্র্যাপpointer-events: noneঅক্ষম অবস্থার জন্য সেট করে ।pointer-events: autoসরাসরি উপাদানটিতে সেট করা থাকলে এটি কাজ করা উচিত ।