javascript - 如何在带有问号图形的 html 文本字段后添加弹出帮助？

Question

这是我现在拥有的：

<button type="button" name="moreinfo" id="moreinfo"  onClick=" var a = findPos(this); RevLevel(a[0], a[1]); "> <img src="images/question.png" height="16" width="17" alt="more info" border="0" /> </button>`

我正在使用 Firefox 15.0.1，并且我的问号图形周围有一个按钮。我只想要一个没有按钮形状的问号图形。

Answer 1

#moreinfo{
border-width:0;
background-color:transparent;  
}

提示 1： 您可以将事件直接绑定到 img，因为您不需要按钮的外观。然后，您不需要按钮。

提示 2： 将 JS 逻辑与 HTML 代码分开。在脚本块或单独的 JS 文件中绑定您的侦听器。

提示 3： 按钮标签不需要类型属性，这是输入元素需要的，而不是按钮。

提示 4： 正如我上面提到的关于 JS 的内容，也将你的 CSS 与 HTML 分开。在样式标签或单独的样式表中执行此操作。

Answer 2

就像外星人先生说的，你可以用 CSS 做到这一点。另一种方法是<img>用<a>标签而不是标签包围<button>标签：

 <p>Some Text 
    <a href="javascript:void(0)" onclick="alert('Some information...');">
       <img src="images/question.png"/>
     </a>
 </p>

Answer 3

为什么不将工具提示和点击事件附加到图像本身？

<img name='moreinfo' id='moreinfo' onclick=" var a = findPos(this); RevLevel(a[0], a[1]); " src="images/question.png" height="16" width="17" alt="more info" border="0"/>