将 html 中的消息悬停在按钮上

Posted

技术标签:

【中文标题】将 html 中的消息悬停在按钮上【英文标题】:Hover Message in html on a button 【发布时间】:2012-01-25 21:22:25 【问题描述】:

当鼠标移到按钮上时如何获得悬停消息。

谢谢

【问题讨论】:

使用title 属性。 看到我的回答了吗?它就在那里。 【参考方案1】:

使用标题属性。

<input type='button'  value='Press me' title='This is my title' />

【讨论】:

title 是一个属性。 input 是标签。 @CodyGray 如果我想在标题中显示存储在变量 $count 中的一些值怎么办。就像悬停时的“23 reg left”。其中 $ 计数 = 23 @rachel title="&lt;?php echo $count . "reg left" ; ?&gt;"【参考方案2】:

属性标题在这里很重要。只需添加标题属性并将要给出的消息写入按钮标签。

示例:

<button title="Message needs to be shown">My button</button>

这应该可以正常工作。如果您使用按钮的链接:

<button><a href="http://link.php" title="Msg to be shown">My button</a></button>

【讨论】:

以上是关于将 html 中的消息悬停在按钮上的主要内容,如果未能解决你的问题,请参考以下文章

使用css或javascript悬停几秒钟后显示一条消息[重复]

如何在角度2中动态地在输入框上添加工具提示

如果禁用,则在悬停路由器按钮时禁用指针事件

如何通过将鼠标悬停在Javascript中的三个按钮之一来显示和更新隐藏的div元素?

QStatusBar 消息在菜单悬停时消失

Ownerdraw按钮的悬停效果