Tengo una página web que contiene un formulario. El usuario llenará el formulario de campos.
¿Cómo puedo guardar la página web como un archivo HTML que contiene los campos completados?
El siguiente código descarga la página web como un archivo HTML pero los campos están vacíos.
<a onClick="this.href='data:text/html;charset=UTF-8,'+encodeURIComponent(document.documentElement.outerHTML)" href="#" download="page.html">Download</a>Verifique el codepen.io en funcionamiento ya que la función de descarga no funciona en el marco de fragmentos de Stackoverflow.
Acabo de llenar el atributo "valor" para cada entrada con su propio valor, luego activé la descarga.
function download(){ var hiddenElement = document.createElement('a'); var inputs = document.getElementsByTagName('input') for (var i = 0; i < inputs.length; i++) inputs[i].setAttribute("value", inputs[i].value); hiddenElement.href = 'data:attachment/text,' + encodeURI(document.getElementById("container").innerHTML); hiddenElement.target = '_blank'; hiddenElement.download = 'myFile.html'; hiddenElement.click(); } <div id="container"> <input value="" type="text"> <input value="" type="text"> <input value="" type="text"> <button onclick="download()">Download</button> </div>