有没有办法获取包含当前值的表单字段的html？

Question

有没有办法获得用户输入数据的表单域的结果HTML？例如，我似乎只能使用innerHTML检索类似以下内容：

<input type="text" />
<textarea></textarea>

但我想要这样的东西：

<input type="text" value="John Smith" />
<textarea>Hello! How are you today?</textarea>

编辑：

下面是最小可重现示例的代码：

​

function go() {
  alert(document.getElementById('example').innerHTML);
}

<div id=example>
  <input type=text />
  <textarea></textarea>
  <input type=button value=go onclick="go()" />
</div>

​

Answer 1

可以，您可以使用javascript从html表单中获取值。您可以获取用户在表单中输入的值。

您必须在输入字段或文本区域字段中声明id。

<input type="text" id="name" value="John Smith" />
<textarea id="name">Hello! How are you today?</textarea>

现在使用javascript获取字段。

const input = document.getElementById("id")

现在，要获取值，只需使用此元素的值属性。

input.value

或者您可以直接使用它

document.getElementById("id").value

用于从html表单获取整个转储。

<form action="" method="post" id="BookPackageForm">

然后使用forms对象获取表单元素。

var formEl = document.forms.BookPackageForm;

使用FormData对象从表单中获取数据。

var formData = new FormData(formEl);

通过表单数据对象获取字段的值。

var name = formData.get('name');