输入字段按钮的动态工具提示的最佳方法

时间:2012-09-13 10:31:29

标签: html5 css3

我正在编写一个html(php)菜单,我想在按钮上使用工具提示。 因为我想使用表格向我发送哪个按钮被点击(通过method = POST)我不会使用而是使用。

我的问题是,我不确定创建这些工具提示的最佳方法是什么(特别是因为我希望文本是动态的......因为我打算在 未来。因此,使用图像是不可能的。

我知道如何结合使用工具提示,但如我所知,我不确定 最好的方法是将工具提示与按钮结合使用。 示例源代码(作为注释,我在使用sessionvariable来查看什么语言 用户有):

<input type='button' value="<?php translate('Messages');?>" class='messages'>
<input type='button' value="<?php translate('Logout');?>" class='logout'>

Tnx提供所有帮助

1 个答案:

答案 0 :(得分:3)

HTML5规范定义了一组几乎所有元素都支持的全局属性。这包括规范中用于存储有关元素的其他信息的title属性。因此,您可以将工具提示文本动态输出到title属性中,该属性将在翻转时显示,而不需要JavaScript。如果您选择使用JavaScript提取文本并在自定义样式的工具提示中输出文本,它还可以轻松访问文本。

<input type='button' value="<?php translate('Messages');?>" id="messages_btn" title="<?php translate("tooltip_messages")?>">" class='messages'>

希望这是有道理的。