Button的工具提示

Question

是否可以为html按钮创建工具提示.它是普通的HTML按钮,没有Title属性,因为它适用于某些html控件.有什么想法或意见吗？

Answer 1

只需添加一个title到您的button.

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

注意:似乎不适用于`disabled`按钮. (56认同)
@EduardLuca,在我的情况下,工具提示确实对`disabled`按钮无效,因为Bootstrap为禁用状态设置`pointer-events:none`.如果将`pointer-events:auto`直接设置为元素,它应该可以工作. (7认同)

Answer 2

这两个<button>标签,并<input type="button">接受一个title属性..

@AaronFranke 是 `a` 标签以及所有标签都支持 `title` 属性。请参阅 https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes (2认同)

Answer 3

按钮接受“标题”属性。然后，您可以为其分配您想要的值，以便当您将鼠标悬停在按钮上时显示标签。

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

Answer 4

title是一个标准属性,几乎可以在任何地方使用

Answer 5

对于每个寻求疯狂解决方案的人来说,只需尝试一下

title="your-tooltip-here"

在任何标签.我已经测试了tds和as,它很有效.