按钮元素的工具提示

小开

使用title属性。它是一个标准的HTML属性，大多数桌面浏览器默认在工具提示中呈现

小开

<button>标记和<input type="button">都接受title属性..

小开

最佳答案

简单地在你的button中添加一个title。

<button title="Hello World!">Sample Button</button>

小开

对于在这里寻求疯狂的解决方案的每个人，只要简单地尝试一下

title="your-tooltip-here"

在任何标签。我已经测试了td's和a's，它非常有效。

小开

你应该使用这两个 标题和alt属性使它在所有浏览器中都能工作。

<button title="Hello World!" alt="Hello World!">Sample Button</button>

小开

title属性是为了提供更多信息。这对搜索引擎优化没有用处，所以在标题和alt中有相同的文本，这意味着描述图像或输入是vs.它的作用，这从来都不是一个好主意。例如:

<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" />

title属性将成为一个工具提示，但它将由浏览器控制它的显示位置和外观。如果你想要更多的控制，有第三方jQuery选项，许多css模板，如Bootstrap，都有内置的解决方案，如果你想，你也可以写一个简单的css解决方案。看看这个w3schools网解决方案。

小开

按钮接受“title”属性。然后，您可以将鼠标悬停在按钮上时使标签出现的值赋给它。

<button type="submit" title="Login">
Login</button>

小开

如果你的按钮仍然没有显示任何title，检查你的按钮是否不是disabled