我在asp.net中创建一个页面。当用户将鼠标悬停在inout按钮上时,我试图以表格格式显示一些信息。为此,我将alt属性设置为输入类型按钮,因为它应该是独立于javascript的。我尝试创建一个表并将其作为文本分配给alt属性。
<input type="button" value="save" alt="<table><tr><td>some info </td></tr>
<tr><td>some other info </td></tr></table>"/>
但它没有显示为带有两个ros的表格。相反,它显示为一行。 有没有办法以表格格式显示它?
答案 0 :(得分:1)
这是不可能的。 Alt可以只是纯文本。 你必须使用JavaScript。试着谷歌吧:))
你必须: 创建表格。 使用CSS,将其位置设置为绝对位置,靠近控件并显示:none 在项目悬停时,您必须设置display:block。
最好这种行为是使用一些Javascript框架,IE jquery jquery.com
特别阅读这些:
答案 1 :(得分:1)
同意Ales,Javascript会让这变得轻而易举。 YUI的工具提示允许您实例化与元素或元素集相关联的工具提示(更改工具提示的上下文,以防万一您在屏幕上分布了许多类似的行为)。
http://developer.yahoo.com/yui/examples/container/index.html
一旦您实例化了工具提示,它就像Tooltip.setBody("your HTML code");
,但默认情况下,Tooltip会将<a>
标记的标题文本作为其内容,甚至可能是元素的替代文本 - 而不是100 alt文本默认部分的百分比 - 如果它默认不这样做,很有可能,如果你抓住alt属性内容,它将在工具提示中正确显示。
答案 2 :(得分:1)
其他人已经告诉过你,你所要求的是不可能的,因为HTML属性必须是纯文本,而不是HTML。
他们还告诉过你,有Javascript和JQuery库可以帮助你做你想做的事情。您可以使用大量脚本,这里是您可能想要尝试的脚本的链接:http://bassistance.de/jquery-plugins/jquery-plugin-tooltip/
但是,我觉得我应该补充一点,其他人错过了,这实际上非常重要:
您使用了错误的属性。
alt
属性不是用于悬停工具提示效果的正确属性。您应该使用title
属性。
在某些浏览器中使用alt
以这种方式工作是出于历史原因(我相信它适用于IE,但不是很多),但不意图作为工具提示。正确使用alt
是为了在未加载图像时出现的一小部分描述性文本。这可能是因为文件无法加载,或者用户关闭了图像,或者用户有文本转语音浏览器等,但如果显示图像,则不应显示此文本。
另一方面,title
属性旨在显示,并且所有浏览器都将其实现为工具提示(实际上,它不仅仅在<img>
标记上;您可以使用title
} 任何元素。)
希望有所帮助。