是否可以为html按钮创建工具提示。它是正常的HTML按钮,没有标题属性,因为它是有一些HTML控件。有什么想法或评论吗?
使用title属性。 它是一个标准的HTML属性,大多数桌面浏览器默认在工具提示中呈现。
<button> tag和<input type="button">都接受title属性..
只需添加一个标题到您的按钮。
<按钮标题=“你好世界!”巴顿样品> < /巴顿>
对于在这里寻求疯狂解决方案的每个人,只要尝试一下
title="your-tooltip-here"
在任何标签中。我已经测试了td和a,它非常有效。
您应该同时使用title和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>
如果你的按钮仍然没有显示任何标题,检查你的按钮是否被禁用
推荐文章
- 如何隐藏元素而不让他们在页面上占用空间?
- 我如何链接到谷歌地图与特定的经度和纬度?
- 防止跨度元件断行
- 如何防止滚动条重新定位网页?
- 如何在ReactJS中使用单选按钮?
- 如何将onload事件添加到div元素
- 对多行文本应用省略号
- 如何隐藏图像破碎的图标只使用CSS/HTML?
- 如何在两列中显示无序列表?
- 如何水平居中iframe ?
- 使用React变量语句插入HTML (JSX)
- 什么?”/"(点/斜杠)指的是在一个HTML文件的路径位置?
- 如何解决C:\fakepath?
- 如何在Angular 4+中使用html标签渲染字符串?
- 如何下载HTTP目录与所有文件和子目录,因为他们出现在在线文件/文件夹列表?