回答:
単純に追加titleあなたにbutton。
<button title="Hello World!">Sample Button</button>titleボタンのキーボードショートカットを表示するためにこの属性を使用しました。ショートカットは不要であり、タッチ専用デバイスはキーボードを使用しないためです。
両方の<button>タグと<input type="button">title属性を受け入れます。..
<a>and を使用したプレーンHTMLリンクについてはどうhrefですか？
aタグおよびすべてのタグがtitle属性をサポートします。developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes
title属性を使用します。これは標準のHTML属性であり、デフォルトではほとんどのデスクトップブラウザによってツールチップに表示されます。
クレイジーなソリューションを探しているすべての人にとって、単に試してみてください
title="your-tooltip-here"で任意のタグ。私はにテストしてみたtdのとaのと、それはかなり動作します。
ボタンは「タイトル」属性を受け入れます。次に、ボタンの上にマウスを置いたときにラベルが表示されるようにする値を割り当てます。
<button type="submit" title="Login">
Login</button>title属性は、より多くの情報を提供するためのものです。これは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オプションを使用してより詳細な制御が必要な場合は、Bootstrapなどの多くのcssテンプレートに組み込みのソリューションがあり、必要に応じて簡単なcssソリューションを作成することもできます。このw3schoolsソリューションをチェックしてください。
あなたは使用する必要があり、両方の タイトルとALT、それはすべてのブラウザで動作させるための属性を。
<button title="Hello World!" alt="Hello World!">Sample Button</button>alt属性はに対してのみ有効でimg、input type="image"かつareaタグ。
disabled、Bootstrappointer-events: noneが無効状態に設定されているため、ツールチップは実際にはボタンで機能しません。pointer-events: auto要素に直接設定すると機能するはずです。