Forms 输入组前置-引导-输入侧是否可以包含重置按钮？

我有一个来自Bootstrap的前置输入，看起来不错，可以修改。我知道我可以把另一个按钮放在另一边，但那个按钮可以重置吗？我试过很多东西。这是我所知道的，我将在下面附上图片

            <div class="input-group mb-3">
            <div class="input-group-prepend">
              <span class="input-group-text">Your calculation</span>
            </div>
            <input type="number" onkeypress="return isNumberKey(event)" onkeyup="return truncateDecimals(this, 2)" id="userInputMapOne" class="form-control" min="0" max="1000" step="0.01" aria-label="input value for your zone" value="e.g 12.34">

你的计算

这是我正在使用的当前代码，它不是包装在表单中的。当我把它包装成一种形式时，事情会因为一个奇怪的原因而停止工作。我已经遇到了这个问题，最小/最大值和步骤不起作用（我用JavaScript控制了最小/最大值和步骤）。那么，有没有一种方法可以将第二个按钮预加（或同时附加为预加）到该输入上，而不使用表单，并使用它将输入字段清除回默认值“”

这似乎是一项容易的工作，但这经常会干扰正在输入的数据。出于一个奇怪的原因，我似乎无法在不打乱div的情况下将表单包装在输入中

注：虽然这肯定会奏效，但我认为这将是你最好的选择 查看

为什么会干扰 代码的功能

您不能添加真实的

…

，因为您没有使用

，因此重置按钮不知道实际要“做”什么。只需对现有代码进行一些修改，即可快速执行类似操作：

你的计算
重置

我将获得一些添加表单时的屏幕截图（我在OP中忘记了这样做）。但你是对的，我需要看看为什么表单会弄乱代码。我修复了表单。。。我不知道前几天它为什么不能正常工作。也许我没有关上标签。。。我真的不知道。但现在它正在工作，我现在也有一个重置按钮。在原始代码示例中，您缺少一个用于

输入组

包装的关闭按钮。也许这就是问题所在。div在那里，我在复制代码时不小心把它切断了。但是很好的发现：）