« »

This JavaScript snippet will copy text entered into a form field and place it directly on the Web page.

Label: Copy to Page

Demo
Enlarge
Reload
New window

Code
JavaScript
HTML
Print

Copy All x2

<script language="javascript">
/*
	Created by: Toicontien | http://www.webdeveloper.com/forum/showthread.php?t=153046
*/
function copyValue(el) {
  document.getElementById('copy_' + el.id).innerHTML = el.value;
}

</script>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->

Copy All x2

<p>Input text here:<br>
<input type="text" name="phone"	style="width:160px" id="phone" onchange="copyValue(this);">
<br><br>
When you tab out or click somewhere else on the page, your text will appear below.
<br><br>
Your input: <span id="copy_phone" style="font-weight: bold;"></span>
</p>
	<!--
    	This script downloaded from www.JavaScriptBank.com
    	Come to view and download over 2000+ free javascript at www.JavaScriptBank.com
	-->