Free Web Hosting Provider - Web Hosting - E-commerce - High Speed Internet - Free Web Page
Search the Web

Manejo de botones

Un elemento mas de un formulario es el botón, existen tres clases de botones, los de envío, reset y normales.

Los botones de envío son lo que sirven para enviar el formulario hacia el destinatario, ya sea por correo electrónico o por una secuencia cgi.

<input type="submit" value="Enviar" name="E1">

La función de los botones reset es la de reestablecer los valores inciales del formulario.

<input type="reset" value="Restablecer" name="R1">

El botón de tipo normal no tiene una función definida, este tipo de botón es el utillizado para activar secuencias de Javascript.

<input type="button" value="Botón" name="B1">

El procedimiento conocido para el botón es la de poder modificar su valor, que es el texto que aparece sobre él. Para referirnos a un botón utilizamos document.nombre_formulario.nombre_boton

Para modificar el valor del formulario le añadimos al final .value y después ponemos un signo de igual más el nuevo valor que le quieras dar al botón. Ejemplo (nombre del formulario = forma; nombre del botón = botón)



El código javascript es el siguiente:

<script language="javascript"> <!--
function cambio ( ) {
document.forma.boton.value = " Nuevo valor "
}
function otro ( ) {
document.forma.boton.value = " Otro valor "
}
--> </script>

El código para el formulario es:

<form name="forma">
<p><input type="button" value="Click aquí para cambiar el valor del otro botón"
onclick="javascript: cambio ( )"><br>
<input type="button" value="------------------------------" name="boton"><br>
<input type="button" value="Una vez mas"
onclick="javascript: otro ( )"></p>
</form>

Nota: En Netscape no se modifica el tamaño del botón aun y cuando cambies el valor de éste, por lo que recomiendo que el nuevo valor sea más pequeño.

lin.gif (954 bytes)

Regresar a Tutorial  .

_