html - 超链接输入图像

Question

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

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

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

任何帮助将不胜感激。

我希望我已经说清楚了。

Answer 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>

Answer 2

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