Tecnología

Inicio

Definición de un botón Web HTML

Definición de un botón Web HTML


botones HTML proporcionan la interacción del usuario en los formularios Web, que pueden incluir diferentes tipos de botón, utilizando el botón o etiqueta de la etiqueta de entrada. Estas formas de capturar la información del usuario y realizan funciones interactivas. Botones de envío están entre los tipos más comunes, el envío de información de los usuarios a los scripts del lado del servidor. elementos de botón en páginas HTML también pueden incluir una variedad de atributos que determinan su apariencia y comportamiento.

etiqueta de entrada

La etiqueta de entrada puede presentar una variedad de elementos interactivos en un formulario web, incluyendo botones. El elemento de entrada tiene un atributo de tipo, cuyo valor determina lo que aparece tipo de elemento de entrada en la página Web. El siguiente ejemplo de código de marcado HTML muestra la creación de un elemento de entrada de teclas:

<Input type = "button" value = "Un botón" onclick = "buttonClicked ()" />

Este código se mostrará un botón con el texto "valor" que aparece en ella. Cuando el usuario pulsa el botón, el navegador buscará y ejecutar una función JavaScript denominada "buttonClicked" como se indica en el "onclick" atributo de detector de eventos.

botón de la etiqueta

formularios HTML pueden incluir botones utilizando el botón de etiqueta en lugar de la etiqueta de entrada con el botón establecer como el atributo type. El código de ejemplo de marcado muestra esta técnica:

Botón <type = "button"> Un botón botón </>

El atributo type debe aparecer siempre con el elemento de botón, como el tipo predeterminado varía a través de los navegadores Web, por lo que el navegador del usuario puede responder de manera impredecible en las pulsaciones de botón si el atributo no está establecido. Al igual que con las etiquetas de entrada de tipo botón, etiquetas de botón pueden incluir atributos de detectores de eventos que determinan las funciones que se ejecutan en los clics de los usuarios. El texto que aparece en un elemento de botón aparece entre las etiquetas de apertura y cierre con botones, en lugar de como el atributo de valor, al igual que con el elemento de entrada.

Botón de enviar

Botones de envío a menudo aparecen en los formularios web. Cuando el usuario ha introducido la información y desea someter a un sitio web, puede hacerlo pulsando un botón de envío. A veces una función de JavaScript se ejecuta en primer lugar, comprobar que el usuario ha completado el formulario con datos válidos. Cuando se envía un formulario, los datos se envían a menudo a un script del lado del servidor para su posterior procesamiento, tales como el almacenamiento de los resultados en una base de datos. El siguiente ejemplo de código de marcado demuestra que incluye un botón de enviar en un formulario web:

<Input type = "submit" />

Usted no tiene que incluir el atributo de valor para un botón de envío, excepto para mostrar texto personalizado en el mismo.

Otros tipos de botón

formularios HTML pueden incluir botones distintos pulsadores. Los botones de opción permiten formas de ofrecer un conjunto de opciones, sólo uno de los cuales el usuario puede seleccionar, como en el siguiente ejemplo de código:

<Input type = name = "radio" "civil" = "casado" /> Casado

<Input type = "radio" nombre = valor "civil" = "soltera" /> No casado

Restablecer botones permiten al usuario restablecer rápidamente todos los elementos de entrada del usuario en un formulario, a través de las siguientes marcas:

<Input type = "reset" />

Los botones de imagen pueden tener el mismo comportamiento que los botones de envío, pero permite que el desarrollador para incluir una imagen personalizada en lugar de la imagen de botón estándar del navegador:

<Input type = "image" alt = "submit forma" />