<button style="display:inline-block; width:100px; height:40px;margin:10px;">按钮1</button> 给这个代码绑定一个点击弹出文本框事件
时间: 2024-04-13 19:29:30 浏览: 195
单击弹出一个文本框
要给这个按钮绑定一个点击弹出文本框事件,你可以使用JavaScript来实现。可以通过以下代码来完成:
```html
<button id="myButton" style="display:inline-block; width:100px; height:40px;margin:10px;">按钮1</button>
<script>
document.getElementById("myButton").addEventListener("click", function() {
var message = prompt("请输入文本:");
if (message != null) {
alert("你输入的文本是:" + message);
}
});
</script>
```
这段代码使用`addEventListener`方法监听按钮的点击事件。当按钮被点击时,会弹出一个输入框,让用户输入文本。然后,通过`alert`方法将用户输入的文本弹出显示出来。
注意:这段代码需要放在`<script></script>`标签中,可以放在按钮上面或者页面底部都可以。
阅读全文