Javascript 如何在html表单中排除重置时的少量输入_Javascript_Html

Javascript 如何在html表单中排除重置时的少量输入

javascript html

Javascript 如何在html表单中排除重置时的少量输入,javascript,html,Javascript,Html,有一个包含2个输入的表单和一个重置输入的按钮。单击按钮时，如何使第一个输入保持不变（即不应重置值）。我怎样才能做到呢 <!DOCTYPE html> <html lang="en"> <head> <title>Add-More example - fileuploader - Innostudio.de</title> <meta charset=&

有一个包含2个输入的表单和一个重置输入的按钮。单击按钮时，如何使第一个输入保持不变（即不应重置值）。我怎样才能做到呢

<!DOCTYPE html>
<html lang="en">

    <head>
        <title>Add-More example - fileuploader - Innostudio.de</title>
        
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1"></script>
    </head>

    <body>
        <div class="file-loading" style="margin: 50px;">
            <form>
                <input id="no_reset" type="text">
                <input id="input-fa" type="text">
                <button type="reset" onclick="removeReset()">
                    <i class="fas fa-sync"></i>submit
                 </button>
            </form>
        </div>
        
        <script>
            function removeReset() {
                //it doesn't work
                document.getElementById("no_reset").value = "dont reset";
            }
        </script>
        </body>
</html>


添加更多示例-fileuploader-Innostudio.de
提交
函数删除集（）{
//它不起作用
document.getElementById（“否重置”）.value=“不重置”；
}

如果有大量输入，可以重置所有字段，但具有自定义属性的字段除外

请看一个示例vanilla js实现：

函数customReset（）
{
var fieldsToReset=document.querySelectorAll（“输入：非（[data noreset='true']））
对于（var i=0；i如果有大量输入，则可以重置除具有自定义属性的字段外的所有字段
请看一个示例vanilla js实现：

函数customReset（）
{
var fieldsToReset=document.querySelectorAll（“输入：非（[data noreset='true']））
对于（变量i=0；我不使用按钮type=“reset”。只需使用JS来重置你想要的。我在一个表单中有太多的输入，只有2个输入不应该重置。这就是为什么我在寻找是否有办法。你不能只设置一个JS循环来遍历所有输入并重置，然后跳过没有重置类的输入吗？好的tq。我本来打算这么做，但想知道是否有任何更好的方法。啊，好吧，我认为没有，因为重置按钮是一个HTML元素，不允许您在其中添加任何限制。不要使用按钮type=“reset”。只需使用JS来重置你想要的。我在一个表单中有太多的输入，只有2个输入不应该重置。这就是为什么我在寻找是否有办法。你不能只设置一个JS循环来遍历所有输入并重置，然后跳过没有重置类的输入吗？好的tq。我本来打算这么做，但想知道是否有任何更好的方法。啊，好吧，我不认为有，因为重置按钮是一个HTML元素，不会让你添加任何限制到它。