在web表单中单击按钮时显示文本框的值

是一种常见的交互行为，可以通过JavaScript来实现。

首先，我们需要在HTML中创建一个表单，并在其中包含一个文本框和一个按钮：

<form>
  <input type="text" id="myText">
  <button type="button" onclick="displayValue()">显示值</button>
</form>

接下来，我们需要编写JavaScript函数displayValue()来获取文本框的值并将其显示出来：

function displayValue() {
  var textBoxValue = document.getElementById("myText").value;
  alert("文本框的值为：" + textBoxValue);
}

在这个函数中，我们使用了getElementById()方法来获取ID为"myText"的文本框元素，并通过value属性来获取其值。然后，使用alert()方法将文本框的值弹出显示出来。你也可以根据实际需求，将值显示在页面的其他位置，比如某个<span>标签中。

这种方法适用于简单的表单场景，用户点击按钮后即可看到文本框中的值。如果需要更复杂的交互逻辑，可以进一步扩展和优化该代码。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云前端开发解决方案
• 腾讯云JavaScript SDK

请注意，以上产品和链接仅为示例，你可以根据实际需求选择其他适合的产品或服务。