Rate this script:  I Love it  /   I Hate it

Input and textarea preview


Code


function preview(id1, id2){
                      var NewText = document.getElementById(id1).value;
                      splitText = NewText.split(/\n/).join("<br />");
                      var DivElement = document.getElementById(id2);
                      DivElement.innerHTML = splitText;
}


<form action="#">
<label>Name:</label>
<input type="text" id="nombre" onkeyup="preview('name', 'preview-name');" />

<label>Phone:</label>
<input type="text" id="phone" onkeyup="preview('phone', 'preview-phone');" />
</form>

<h2>Preview</h2>
<dl>
        <dt>Name:</dt>
        <dd id="preview-name"></dd>
        <dt>Phone:</dt>
        <dd id="preview-phone"></dd>

</dl>
 

 

 
Input and textarea preview scripts | Input and textarea preview snippet | Input and textarea preview example | Input and textarea preview tutorial | Input and textarea preview code