¿Hay alguna manera de obtener el HTML resultante de los campos de formulario donde el usuario ha ingresado datos? Por ejemplo, parece que solo puedo recuperar algo como esto usando innerHTML:
<input type="text" /> <textarea></textarea>Pero me gustaría obtener algo como esto:
<input type="text" value="John Smith" /> <textarea>Hello! How are you today?</textarea>Editar:
Aquí hay un código para un ejemplo mínimo reproducible:
function go() { alert(document.getElementById('example').innerHTML); } <div id=example> <input type=text /> <textarea></textarea> <input type=button value=go onclick="go()" /> </div>Sí, puede obtener valor del formulario html usando javascript. Puede obtener el valor que el usuario ingresa en el formulario.
Debe declarar la identificación en el campo de entrada o en el campo de área de texto.
<input type="text" id="name" value="John Smith" /> <textarea id="name">Hello! How are you today?</textarea>Ahora obtenga el campo usando javascript.
const input = document.getElementById("id")Ahora para obtener valor, solo use la propiedad de valor de este elemento.
input.valueo puedes usarlo directamente
document.getElementById("id").valuePara obtener un volcado completo de un formulario html.
<form action="" method="post" id="BookPackageForm">Luego obtenga el elemento de formulario utilizando el objeto de formularios.
var formEl = document.forms.BookPackageForm;Obtenga los datos del formulario mediante el uso de objetos FormData.
var formData = new FormData(formEl);Obtenga el valor de los campos por el objeto de datos del formulario.
var name = formData.get('name');