使用按钮删除方括号和方括号内的文本的表单

可以通过以下步骤实现：

创建一个包含文本输入框和删除按钮的表单。
用户在文本输入框中输入需要处理的文本。
用户点击删除按钮触发相应的事件处理函数。
在事件处理函数中，使用正则表达式匹配方括号及其内部的文本，并将其替换为空字符串。
将处理后的文本显示在页面上或者进行进一步的处理。

以下是一个示例的HTML代码：

<!DOCTYPE html>
<html>
<head>
  <title>删除方括号和方括号内的文本</title>
  <script>
    function removeBrackets() {
      var inputText = document.getElementById("inputText").value;
      var outputText = inputText.replace(/\[.*?\]/g, "");
      document.getElementById("outputText").innerHTML = outputText;
    }
  </script>
</head>
<body>
  <form>
    <label for="inputText">输入文本：</label>
    <input type="text" id="inputText" name="inputText"><br><br>
    <input type="button" value="删除方括号" onclick="removeBrackets()">
  </form>
  <br>
  <div id="outputText"></div>
</body>
</html>

在上述示例中，用户输入的文本会通过正则表达式/\[.*?\]/g进行匹配，其中\[和\]分别表示方括号的起始和结束字符，.*?表示匹配任意字符（非贪婪模式），g表示全局匹配。匹配到的方括号及其内部的文本会被替换为空字符串，最后将处理后的文本显示在页面上的outputText元素中。

请注意，以上示例仅为演示目的，实际应用中可能需要添加更多的输入验证和错误处理机制。此外，对于更复杂的文本处理需求，可以考虑使用正则表达式的更高级功能或者借助其他文本处理工具库来实现。