Básico HTML forma boton
Objeto Botón :
El botón es uno de los más comunmente usados form types. La sintasis siguiente podrá tomar el objeto del botpon en javascript.
Sintasis: document.formname.buttonname
Código Ejemplo:
<form name=buttonform>
<input name=button1 value=test type=button>
</form>
<script language="javascript">
var buttonobject= document.buttonform.button1;
</script>
Aquí los eventos, propiedades dom y métodos asociados con el elemento botón.
Captadores de eventos: Asociados con Form Button:
Todos los ejemplos siguientes, usan una función javascript output:
<script language=javascript>
function output()
{
alert("testeando eventos de botón");
}
</script>
DOM Propiedades: :
Listado de propiedades DOM (Modelo de objetos dinámicos) que pueden ser usadas para tomar y alterar propiedades de botón en javascript.
El ejemplo debajo está basado en el formulario (form)
<form name=testb>
<input name=myb type=button value=xxx>
</form>
| DOM Propiedades | Descripción | Ejemplo |
| name | Se utiliza para obtener botons de nombre |
To Get:
var ss = document.testb.myb.name;
|
| type | Se utiliza para obtener tipo de formulario |
To Get:
var ss = document.testb.myb.type;
|
| value | Utiliza para configurar u obtener el valor del botón |
To Get:
var ss = document.testb.myb.value;
To Set::
document.testb.myb.value = "testy";
|
| disabled | Se utiliza para desactivar o activar un botón.
Al establecer esta propiedad como verdaderos podemos desactivar. |
To Disable:
document.testb.myb.disabled = true;
To Enable::
document.testb.myb.disabled = false;
|
DOM Métodos: :
Listado de métodos DOM (Dinámico Objeto Modelo) usados para hacer cambios dinámicos como clic de botón usando javascript.
| DOM Método | Descripción | Ejemplo |
| click() | Se utiliza para hacer una dinámica haga clic en el botón |
To Click:
document.testb.myb.click();
|
| blur() | Se utiliza para realizar dinámicamente el botón difuminado |
To Blur:
document.testb.myb.blur();
|
| focus() | Se utiliza para obtener dinámicamente centrarse en el botón |
To Focus:
document.testb.myb.focus();
|
Ejemplo: Cambiar el valor del botón en mouse over.
<script language=javascript>
function bevent()
{
var xx = document.xx.btest;
xx.value= "testeando evento de boton";
}
</script>
<form name=xx>
<input type=button name=btest onMouseOver="bevent()">
</form>
Resulta:
| 
Introducción
