按钮的工具提示

html HTML

Gil伽罗小宇宙

2020-03-26

是否可以为html按钮创建工具提示。它是普通的HTML按钮,并且没有Title属性,因为某些html控件存在该属性。有什么想法或意见吗?

第3774篇《按钮的工具提示》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

7个回答
泡芙 2020.03.26

对于这里寻求疯狂解决方案的每个人,只需尝试

title="your-tooltip-here"

任何标签中我测试到td的和a的,它漂亮的作品。

宝儿理查德 2020.03.26

您应该使用这两个 标题ALT属性,使其在所有的浏览器。

<button title="Hello World!" alt="Hello World!">Sample Button</button>
老丝Near 2020.03.26

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

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

卡卡西Near 2020.03.26

只需在中添加一个title即可button

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

小宇宙老丝 2020.03.26

<button>标记并<input type="button">接受title属性。

蛋蛋 2020.03.26

title属性旨在提供更多信息。这对于SEO没什么用,因此在标题和替代项中使用相同的文本来描述图像或输入与它的作用绝不是一个好主意。例如:

<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" />

标题属性将提供工具提示,但它会由浏览器控制,以显示位置和外观为限。如果需要更多控制,则可以使用第三方jQuery选项,许多CSS模板(例如Bootstrap)都内置了解决方案,如果需要,您还可以编写一个简单的CSS解决方案。查看此w3schools解决方案

蛋蛋 2020.03.26

使用title属性。它是一个标准的HTML属性,默认情况下,大多数桌面浏览器都会在工具提示中呈现该属性。

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android