如何检查html表单是否被编辑？

检查HTML表单是否被编辑可以通过以下几种方式实现：

JavaScript监听：使用JavaScript编写事件监听器，监测表单元素的变化。可以通过添加事件监听器来检测输入框、复选框、下拉菜单等表单元素的值是否发生改变。当表单元素的值发生改变时，可以设置一个标志位，表示表单已被编辑。

示例代码：

var formEdited = false;

function checkFormEdited() {
    formEdited = true;
}

// 监听输入框变化
var inputElements = document.querySelectorAll('input');
for (var i = 0; i < inputElements.length; i++) {
    inputElements[i].addEventListener('input', checkFormEdited);
}

// 监听下拉菜单变化
var selectElements = document.querySelectorAll('select');
for (var i = 0; i < selectElements.length; i++) {
    selectElements[i].addEventListener('change', checkFormEdited);
}

// 监听复选框变化
var checkboxElements = document.querySelectorAll('input[type="checkbox"]');
for (var i = 0; i < checkboxElements.length; i++) {
    checkboxElements[i].addEventListener('change', checkFormEdited);
}

// 监听单选框变化
var radioElements = document.querySelectorAll('input[type="radio"]');
for (var i = 0; i < radioElements.length; i++) {
    radioElements[i].addEventListener('change', checkFormEdited);
}

比较初始值：在加载表单时，记录表单元素的初始值。当用户提交表单时，比较表单元素的当前值与初始值是否相同。如果有不同，表示表单已被编辑。

示例代码：

var initialFormValues = {};

function recordInitialFormValues() {
    var inputElements = document.querySelectorAll('input');
    for (var i = 0; i < inputElements.length; i++) {
        initialFormValues[inputElements[i].name] = inputElements[i].value;
    }

    var selectElements = document.querySelectorAll('select');
    for (var i = 0; i < selectElements.length; i++) {
        initialFormValues[selectElements[i].name] = selectElements[i].value;
    }

    var textareaElements = document.querySelectorAll('textarea');
    for (var i = 0; i < textareaElements.length; i++) {
        initialFormValues[textareaElements[i].name] = textareaElements[i].value;
    }
}

function checkFormEdited() {
    for (var key in initialFormValues) {
        var currentValue = document.getElementsByName(key)[0].value;
        if (currentValue !== initialFormValues[key]) {
            console.log('Form edited');
            return;
        }
    }
    console.log('Form not edited');
}

使用第三方库：可以使用一些现成的第三方库来简化表单编辑检查的过程，例如jQuery、AngularJS等。这些库提供了方便的方法和事件来监测表单元素的变化。

示例代码（使用jQuery）：

var formEdited = false;

$(document).ready(function() {
    $('input, select, textarea').on('change', function() {
        formEdited = true;
    });
});

以上是检查HTML表单是否被编辑的几种方法，根据具体需求选择适合的方式。