,可以通过以下步骤实现:
<input type="text" id="myTextbox">
<button id="myButton">按钮</button>
#myTextbox {
padding: 10px;
}
#myButton {
padding: 10px;
background-color: #ccc;
border: none;
color: #fff;
position: relative;
}
#myButton::before {
content: "";
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 20px;
height: 20px;
background-color: #fff;
border-radius: 50%;
}
document.getElementById("myButton").addEventListener("click", function() {
var textboxValue = document.getElementById("myTextbox").value;
console.log(textboxValue);
});
这样,当用户单击文本框旁边的按钮时,就会触发点击事件,并执行相应的操作。
这是一个简单的示例,你可以根据实际需求进行样式和功能的定制。腾讯云相关产品和产品介绍链接地址与此问题无关,因此不提供相关信息。
领取专属 10元无门槛券
手把手带您无忧上云