将值从文本框传递到不同的HTML页面

可以通过以下步骤实现：

在第一个HTML页面中，创建一个文本框（input）元素，并为其设置一个唯一的id属性，以便在JavaScript中引用。

<input type="text" id="myInput">

在第一个HTML页面中，创建一个按钮（button）元素，并为其设置一个点击事件处理程序。

<button onclick="passValue()">传递值</button>

在第一个HTML页面中，编写JavaScript函数passValue()，该函数将获取文本框中的值，并将其存储在一个变量中。

<script>
function passValue() {
  var inputValue = document.getElementById("myInput").value;
  // 在这里可以对inputValue进行处理或验证
  // 然后将其传递到下一个HTML页面
  window.location.href = "second.html?value=" + inputValue;
}
</script>

在第二个HTML页面中，使用JavaScript获取URL参数中的值，并将其显示在页面上。

<script>
window.onload = function() {
  var urlParams = new URLSearchParams(window.location.search);
  var passedValue = urlParams.get('value');
  // 在这里可以对passedValue进行处理或使用
  // 将其显示在页面上的某个元素中
  document.getElementById("output").innerHTML = passedValue;
}
</script>

<p>传递的值是：<span id="output"></span></p>

通过以上步骤，你可以在第一个HTML页面中输入值，然后点击按钮将其传递到第二个HTML页面，并在第二个页面上显示传递的值。

请注意，这只是一种基本的实现方式，具体的实现可能会根据具体的需求和技术栈有所不同。