Hoy me pidieron ayuda con este código y lo dejo por si a alguien le es de utilidad.
Lo que hace es mostrar un "preview" de los datos de un formulario usando la propiedad .innerHTML
Lo que hace es mostrar un "preview" de los datos de un formulario usando la propiedad .innerHTML
<html>
<head>
</head>
<script language="javascript">
function preview() {
div = document.getElementById('previewform')
text = "----------------" +
"<br /> Formulario <br />" +
"Nombre: " + document.forms.form1.nomb.value +
"<br />Apellido: " + document.forms.form1.apell.value +
"<br />----------------";
div.innerHTML = text;
}
</script>
<body>
<form id="form1" name="form1" method="get" action="pagina.php">
<p><strong>Tú Nombre:</strong><input type="text" name="n" id="nomb"></p>
<p><strong>Tú Apellido:</strong><input type="text" name="a" id="apell"></p>
<input type="submit" value="Enviar" style="font-family: Verdana; font-size: 12px; text-align: center; width: 80; height: 25; font-weight: bold"><br>
<input type="reset" value="Borrar" style="font-family: Verdana; font-size: 12px; text-align: center; width: 80; height: 25; font-weight: bold">
<input type="button" value="Preview" style="font-family: Verdana; font-size: 12px; text-align: center; width: 80; height: 25; font-weight: bold" onclick="javascript:preview()" />
</center>
</form>
<div id="previewform"> </div>
</body>
</html>
Publicar un comentario