HTML 实现点击输入框弹出窗体选择信息
时间: 2024-04-29 13:25:12 浏览: 91
可以使用JavaScript实现该功能,利用onclick事件将弹出窗体的显示与隐藏控制。代码如下:
HTML部分:
```
<input type="text" onclick="showPopup()" placeholder="点击选择信息">
<div id="popup" style="display:none">
<!-- 窗体内容 -->
</div>
```
JavaScript部分:
```
function showPopup() {
var popup = document.getElementById("popup");
if (popup.style.display === "none") {
popup.style.display = "block";
} else {
popup.style.display = "none";
}
}
```
当点击输入框时,会调用showPopup()函数,该函数会获取弹出窗体的元素,并判断其当前的显示状态,根据状态进行显示或隐藏操作。
阅读全文