超链接输入图像答案

【问题标题】：Hyperlink Input Image超链接输入图像
【发布时间】：2013-01-07 20:22:46
【问题描述】：

我正在努力复制PayPal website 顶部的登录表单。

我已经能够通过在网上搜索教程来创建用户名和密码字段，包括“蓝色光芒”；但是，我找不到将“可点击”问号添加到该字段的任何编码。

我希望能够在单击问号时复制下拉菜单。

任何帮助将不胜感激。

我希望我已经说清楚了。

【问题讨论】：

你应该展示你拥有/尝试过的东西
如果您有 Chrome，您是否尝试过使用开发者工具？（右键单击元素，然后单击“检查元素”。）
嗨，Nathan，我试过了，但是不得不对他们所有的 css 和 html 进行软化（这是所有诚实的地方，我想我会问知道的人。）跨度>
@davedavedave.h 好的。

标签： html css image forms input

【解决方案1】：

你可以做的是在你的表单中让问号图像触发一个java函数......例如：

<img src="my_image.jpg" onClick="myjava_function()">

然后在您的 java 函数中，您可以显示一个包含下拉列表的 div。

<script type="text/javascript">
myjava_function(){
document.getElementById('mydiv').style.display="block"
}
</script>

然后在表单附近，您可以先隐藏包含下拉列表的 div，但在点击时显示。

<div id="mydiv" style="display:none;"><form><select><option value=1>1</option></select></form></div>

【讨论】：

我好像做不到。
@user1956132：您遇到了哪些问题？当我转到您提供的链接时，我没有看到添加了 onClick 调用。
我已经创建了一个表单，但是我如何实现您在预先存在的表单中编写的代码？
@user1956132：我知道为什么它在你拥有的“.style.disply”应该是“.style.display”的函数中不起作用。抱歉，我输入得太快并且有错字。
谢谢，我也错过了！正确，这样就可以了，但是如何使输入框中的问号做到这一点（如何使其可点击？

【解决方案2】：

这将是我完成它的方法。首先，尝试获取类似于问号的日志，并将其放置在您要放置区域的 div 中。在徽标的 CSS 中应用浮动右侧，以便徽标出现在该 div 的右侧。然后构建一个在您事先单击日志时出现的整个 div，并给它 CSS display none，因此它不会显示。编写一个 javascript 函数，该函数与您在徽标上应用的 onclick 一起工作，该函数将该 div 的 CSS 更改为显示块，因此当您单击它时会出现整个 div。 div 本身有一个十字标记，可以触发另一个 javascript 调用以将 CSS 更改为不显示。祝你好运。

【讨论】：