在表单 JS 上添加只读属性 - JavaScript

在许多情况下，我们需要添加表单上的只读属性，以便用户无法修改表单字段的值，但仍可以查看其值。在JavaScript中，可以使用以下两种方法为表单字段添加只读属性：

方法1：使用Element.setAttribute()方法

可以使用Element.setAttribute()方法为表单字段添加readonly属性。以下是该方法的示例代码：

document.getElementById("myInput").setAttribute("readonly", "readonly");

该方法需要给定2个参数，第一个参数是要设置属性的名称，第二个参数是属性的值。在此示例中，我们将第一个参数设置为"readonly"，第二个参数设置为"readonly"，这样我们就成功将只读属性添加到表单字段中。

方法2：使用Element.readOnly属性

还可以使用Element.readOnly属性为表单字段添加只读属性。以下是该方法的示例代码：

document.getElementById("myInput").readOnly = true;

该方法只需要1个参数，即只读属性的值。在此示例中，我们将只读属性的值设置为true，这样我们就成功将只读属性添加到表单字段中。

无论您选择哪种方法，都可以成功为表单字段添加只读属性，并防止用户修改表单字段的值。

结论

在JavaScript中，可以使用Element.setAttribute()方法或Element.readOnly属性为表单字段添加只读属性。这些方法都可以帮助您更好地控制表单数据，并确保数据的完整性。