JavaScript es un lenguaje de script del lado del cliente que le permite reaccionar en tiempo real a la entrada del usuario . Por ejemplo , puede crear un formulario HTML que actualiza automáticamente el campo total como usuario ajusta entradas individuales en el formulario. Para ello, es necesario asignar un nombre a cada elemento del formulario , escribir una función que actualiza los totales y llamar a la función cada vez que uno de los elementos de cambio . Instrucciones
1
Crear un nuevo documento HTML con el Bloc de notas o un editor HTML. Los encabezados de HTML en el documento de entrada :
< p>
formulario de pedido
< /title> <br> 2 <p> crear un estilo para el formulario de entrada que va a crear : . <br> <p> <style> <br> <p> OrderForm {width : 250px ; display: block ;} <br> <p> elemento {width : 100px ; float: . izquierda ; margin-left : 10px ; text-align : . derecho } <br> <p> entrada {width : 50px ; margin-left : 10px ; text-align : . } izquierda <br> <p> total de {width : 20px ; margin-left : 10px ; font- weight: bold ;} <br> <p> < /style> <br> 3 <p> Crear una función de JavaScript para acceder a cada elemento en el formulario de entrada y calcular y mostrar un total : <br> <p> <script> <br> <p> total de funcionamiento ( ) { var <br> <p> totales = ( parseInt ( document.order.apples.value )
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/javascript-programming/90951.html' >Como Llamar JavaScript partir de una plantilla HTML </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/javascript-programming/90953.html' >Cómo eliminar una matriz asociativa JavaScript </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91277.html" title="Cómo utilizar HREF JavaScript Links " target="_self">Cómo utilizar HREF JavaScript Links </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91239.html" title="Cómo encontrar la última fecha de modificación de una página Web " target="_self">Cómo encontrar la última fecha de modificación de un…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90893.html" title="Cómo escribir una función de JavaScript que calcula un Taxi Fare " target="_self">Cómo escribir una función de JavaScript que calcula u…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91090.html" title="Cómo calcular el tiempo de carga " target="_self">Cómo calcular el tiempo de carga </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90911.html" title="Cómo prevenir JavaScript de ser vistos en Firebug " target="_self">Cómo prevenir JavaScript de ser vistos en Firebug </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90983.html" title="Cómo ocultar los DIVs Open in JavaScript " target="_self">Cómo ocultar los DIVs Open in JavaScript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90920.html" title="Cómo eliminar decimales usando javascript " target="_self">Cómo eliminar decimales usando javascript </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/91036.html" title="Cómo grabar en una cámara de Chatroulette " target="_self">Cómo grabar en una cámara de Chatroulette </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90904.html" title="Cómo llamar a un iFrame través de un formulario " target="_self">Cómo llamar a un iFrame través de un formulario </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/javascript-programming/90811.html" title="Cómo dibujar curvas con Javascript " target="_self">Cómo dibujar curvas con Javascript </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85460.html" title="Cómo aprender C con Xcode " target="_self">Cómo aprender C con Xcode </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89236.html" title="Java y Revisar ortografía " target="_self">Java y Revisar ortografía </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91925.html" title="Cómo proteger a SQL Inyectar Declaraciones " target="_self">Cómo proteger a SQL Inyectar Declaraciones </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91998.html" title="El PHP Recordarme Tutorial " target="_self">El PHP Recordarme Tutorial </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93723.html" title="Cómo ejecutar un script de Python desde otro script Python " target="_self">Cómo ejecutar un script de Python desde otro script Py…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/91524.html" title="Puedo usar PHP para comprobar lo Directory Estoy " target="_self">Puedo usar PHP para comprobar lo Directory Estoy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87557.html" title="Cómo instalar el Turbo Pascal " target="_self">Cómo instalar el Turbo Pascal </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/cc-programming/85440.html" title="Cómo utilizar un búfer temporal en C + + " target="_self">Cómo utilizar un búfer temporal en C + + </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88712.html" title="Diagramas UML Explicación " target="_self">Diagramas UML Explicación </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88396.html" title="¿Cuál es la diferencia entre paginación y segmentación " target="_self">¿Cuál es la diferencia entre paginación y segmentaci…</a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
