innerHTML con valores de formulario actuales

Necesita la funcionalidad .innerHTML pero con los valores de campo de formulario actuales, incluidos input, select (opción seleccionada) y textarea.

Entonces, dado:

<form id=f>
  <input type=text name=x />
  <select name=y>
    <option value='1'>one</option>
    <option value='2'>two</option>
  </select>
</form>

si el usuario ingresa 123 y selecciona la opción dos, el f.innerHTML normal devuelve:

<input type=text name=x />
<select name=y>
  <option value='1'>one</option>
  <option value='2'>two</option>
</select>

Me gustaría que f.magicInnerHTML regrese:

<input type=text name=x value='123' />
<select name=y>
  <option value='1'>one</option>
  <option value='2' selected>two</option>
</select>

reflexionar los valores actuales del formulario.

Respuestas a la pregunta(5)

Su respuesta a la pregunta