Con JS puoi riscrivere un <div> (o <span>, come preferisci).
Quindi si tratta di far partire una funzione ad ogni blur dei campi del form, che crei la stringa da scrivere e la copi nel <div> .
Esempio:
<div id="modificabile">
Nome Cognome
via
CAP Citta` (Provincia)
</div>
<form ...>
<input name="nome" onblur="copia(this.form);" />
<input name="cognome" onblur="copia(this.form);" />
<input name="cap" onblur="copia(this.form);" />
<input name="via" onblur="copia(this.form);" />
<input name="citta" onblur="copia(this.form);" />
<input name="prov" onblur="copia(this.form);" />
</form>
Nella head della pagina ci dovra` essere uno script:
codice:
<script type="text/javascript">
function copia(ff) {
var str = "";
str += ff.nome.value + " ";
str += ff.cognome.value + "
";
str += ff.via.value + "
";
str += ff.cap.value + " ";
str += ff.citta.value + " ";
str += "(" + ff.prov.value + ")";
document.getElementById('modificabile').innerHTML = str;
}
</script>
Ciao
Michele