HTML Comando botón de entrada

diseñadores de sitios web utilizan el formato HTML para crear formularios con controles de usuario en ellos. Cuando se incluye un botón en un formulario HTML, se puede conectar un detector de eventos a la misma. Este detector de eventos indica al navegador que realizar una acción específica cuando el usuario hace clic en el botón. La acción en muchos casos implica la ejecución de una función de JavaScript se indica dentro de una sección de la escritura en el archivo de página HTML o en un archivo separado. Creación de un botón de entrada en funcionamiento suele ser sencillo.

Formato HTML

El marcado HTML para un botón generalmente utiliza el elemento de entrada. El siguiente código muestra un botón de entrada simple en HTML:

<Input type = "button" value = "texto visible" />

El atributo type indica al navegador que el elemento de entrada es un botón, lo que determina en parte su aspecto a los usuarios. El atributo de valor contiene el texto que se muestra de forma visible en la parte superior del botón, con el navegador se extiende automáticamente la imagen de fondo del botón para dar cabida a la cantidad de texto se indica. navegadores web varían ligeramente en su visualización de los botones. El uso de CSS o Cascading Style Sheet, código, los desarrolladores pueden dictar reglas de estilo específicas para la totalidad de sus elementos de entrada.

función de llamada

El uso de un detector de eventos, páginas Web pueden definir instrucciones para el navegador para ejecutar cuando un usuario pulsa un botón con su ratón. El "onclick" oyente le permite proporcionar el nombre de una función en JavaScript. Cuando el usuario hace clic en el botón, el navegador llama a la función específica dentro del oyente "onclick". El siguiente botón de entrada de marcado extendido muestra la técnica:

<Input type = "button" value = "texto visible" onclick = "buttonClicked ();" />

función Localización

Cuando un usuario hace clic en los botones, el navegador busca una función con el nombre especificado ya sea en la sección de la página cabeza o en un archivo JavaScript independiente vinculado a dentro de la sección de la cabeza, como en el siguiente ejemplo:

<Script type = "text / javascript" oyente, como en el siguiente ejemplo:

buttonClicked funcionar () {

/ Cuerpo de la función /

}

Dentro de la zona del cuerpo, aparecerá la implementación de la función. Mientras el esquema coincide con el nombre en el oyente botón, el navegador Web del usuario será capaz de iniciar los comandos de procesamiento correctos de pulsaciones de botón.

función contenido

El contenido de cualquier función de JavaScript debe adaptarse a los objetivos específicos de una página o sitio. El contenido siguiente función de ejemplo simplemente crea un diálogo de alerta de salida:

alert ( "botón presionado!");

implementaciones de funciones comunes incluyen procesamiento para validar la entrada de formulario. Cuando un usuario envía información a través de un formulario web, esta información se envía a un script del lado del servidor a menudo. Antes de enviar la información de entrada, a veces puede ser deseable comprobar la validez, indicando al usuario que realizar modificaciones en la información faltante o con formato incorrecto.