在html上提交按钮以在同一页面上输出结果

在HTML上提交按钮以在同一页面上输出结果，可以通过使用表单和JavaScript来实现。

首先，需要在HTML中创建一个表单，并设置表单的提交方法为"GET"或"POST"。例如：

<form id="myForm" method="POST">
  <label for="inputText">输入文本：</label>
  <input type="text" id="inputText" name="inputText">
  <button type="submit">提交</button>
</form>

在上面的代码中，我们创建了一个包含一个文本输入框和一个提交按钮的表单。当用户点击提交按钮时，表单将被提交。

接下来，我们需要使用JavaScript来处理表单的提交事件，并在同一页面上输出结果。可以通过给表单添加一个事件监听器来实现。例如：

<script>
  document.getElementById("myForm").addEventListener("submit", function(event) {
    event.preventDefault(); // 阻止表单的默认提交行为

    var inputText = document.getElementById("inputText").value; // 获取输入文本的值

    // 在页面上输出结果
    var outputDiv = document.createElement("div");
    outputDiv.textContent = "输出结果：" + inputText;
    document.body.appendChild(outputDiv);
  });
</script>

在上面的代码中，我们使用addEventListener方法为表单的提交事件添加了一个匿名函数作为事件处理程序。在这个函数中，我们首先使用event.preventDefault()方法阻止表单的默认提交行为。然后，我们通过document.getElementById("inputText").value获取输入文本框的值，并将其存储在inputText变量中。最后，我们创建一个新的<div>元素，并将输出结果添加到这个<div>中，然后将其附加到页面的<body>元素中。

这样，当用户在文本输入框中输入内容并点击提交按钮时，页面将在同一页面上输出结果。

对于这个问答内容，腾讯云提供了一系列与云计算相关的产品和服务，例如云服务器、云数据库、云存储等。具体的产品介绍和相关链接可以在腾讯云官方网站上找到。