Precisa da funcionalidade .innerHTML, mas com os valores atuais do campo de formulário, incluindo entrada, seleção (opção selecionada) e área de text

Então, dado:

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

se o usuário digitar 123 e selecionar a opção dois, retornará f.innerHTML normal:

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

Gostaria que o f.magicInnerHTML retornasse:

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

refletindo os valores atuais do formulári