Vou publicar meu comentário como resposta, já adequando para com outros campos
etc..
Basta fazer uso de concatenação.
Concatenação
Podemos entender concatenação como sendo a junção de duas strings (frases ou palavras). O operador para fazer concatenação é o sinal de adição +
.
function submitted() {
var formValue = '<div>'+ document.getElementsByName("texto")[0].value +'</div>';
formValue += '<script>'+ document.getElementsByName("texto")[1].value +'<\/script>';
formValue += '<style>'+ document.getElementsByName("texto")[2].value +'</style>';
document.getElementsByName("texto")[3].value = formValue;
return false;
}
<form onsubmit="return submitted()">
Campo 1:<br><input type="text" name="texto"><br>
Campo 2:<br><input type="text" name="texto"><br>
Campo 3:<br><input type="text" name="texto"><br>
<input type="submit" value="Enviar"><br><br>
Pós texto:<br><input type="text" name="texto">
</form>
Para textarea
, para cada um ficar em uma linha separada, e para não enviar campos em branco ou nulos.
linha separada
basta acrescentar \n
(nova linha) no local que quiser quebrar a linha.
para não enviar campos em branco
utilize o método trim()
O método trim() remove os espaços desnecessários declarados no início e/ou no final de uma string.
Compatibilidade entre navegadores
function submitted() {
var texto0= (document.getElementsByName("texto")[0].value).trim();
var texto1= (document.getElementsByName("texto")[1].value).trim();
var texto2= (document.getElementsByName("texto")[2].value).trim();
if(texto0!=""){
texto0= '<div>'+ texto0 +'</div>\n';
}
if(texto1!=""){
texto1= '<script>'+ texto1 +'<\/script>\n';
}
if(texto2!=""){
texto2= '<span>'+ texto2 +'<\/span>\n';
}
var formValue = texto0 + texto1 + texto2;
document.getElementsByName("texto")[3].value = formValue;
return false;
}
<form onsubmit="return submitted()">
Campo 1:<br><input type="text" name="texto"><br>
Campo 2:<br><input type="text" name="texto"><br>
Campo 3:<br><input type="text" name="texto"><br>
<input type="submit" value="Enviar"><br><br>
<textarea name="texto" style="height:200px"></textarea
</form>
Nas tags de fechamento </script>
deve-se escapar a barra /
com uma contrabarra \
,ou seja <\/script>
também pode usar da seguinte forma: </scr'+'ipt>
formValue += '<script>'+ document.getElementsByName("texto")[1].value +'</scr'+'ipt>\n';
quando divide em duas strings e concatena, fará com que não atrapalhe o motor de renderização