如何从禁用的<input>元素获取表单值

要从禁用的<input>元素获取表单值，可以使用以下方法：

使用JavaScript代码获取禁用输入的值。

const disabledInput = document.querySelector('#disabled-input');
const form = document.querySelector('#form');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const value = disabledInput.value;
  console.log(value);
});

使用隐藏输入字段来存储值。

在HTML中，创建一个隐藏的<input>元素，将禁用的<input>元素的值复制到隐藏输入字段中。

然后，在JavaScript中，在表单提交时获取隐藏输入字段的值。

const disabledInput = document.querySelector('#disabled-input');
const hiddenInput = document.querySelector('#hidden-input');
const form = document.querySelector('#form');

form.addEventListener('submit', (event) => {
  event.preventDefault();
  const value = disabledInput.value;
  hiddenInput.value = value;
  console.log(hiddenInput.value);
});

这样，即使<input>元素被禁用，您仍然可以获取其值并在表单提交时使用。