html - 超链接输入图像

标签 html css image forms input

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

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

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

任何帮助将不胜感激。

我希望我已经说清楚了。

最佳答案

您可以做的是在您的表单中让问号图像触发 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>

关于html - 超链接输入图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14203456/

相关文章:

html - 链接不适用于 Logo

html - 如何更改 Bootstrap 导航栏的背景颜色?

javascript - 在文本中查找格式化问题并从中创建元素

html - 如何用css创建一个万宝路风格的表格

javascript - 标题上的事件 anchor 链接颜色更改

silverlight - 如何将图表图像从 Silverlight 应用程序复制到剪贴板?

jQuery:向元素添加标题属性并从以下元素插入文本

css - 如何在简单的 HTML 文档中水平和垂直居中 HTML5 视频?

html - 无法重叠 DIV

image - 使用 AWS Amplify 从 React Native 上传到 S3