Creación de botones usando etiquetas de entrada HTML en formularios

Puede crear botones de texto personalizables en HTML usando la etiqueta. los elemento se utiliza dentro de una

elemento.

Estableciendo el atributo tipo al "botón", se generará un simple botón pulsable. Puede definir el texto que aparecerá en el botón, como "Enviar", usando la valor atributo.

Por ejemplo:

Tenga en cuenta que la la etiqueta no enviará un formulario HTML; todavía deberá incluir JavaScript para manejar el envío de datos del formulario. Sin un JavaScript al hacer clic evento, el botón parecerá que se puede hacer clic, pero no ocurrirá nada, y habrás frustrado a tus lectores.

los

Aunque usar la etiqueta de entrada para crear un botón funciona para su propósito, es una mejor opción para usar el etiqueta para crear los botones HTML de su sitio web. los La etiqueta es más flexible porque le permite usar imágenes para el botón (que le ayuda a preservar la consistencia visual si su sitio tiene un tema de diseño), por ejemplo, y se puede definir como un tipo de botón para enviar o restablecer sin necesidad de ningún botón adicional. JavaScript

Usted querrá especificar el botón tipo atribuir en cualquier etiquetas Hay tres tipos diferentes:

botón - El botón no tiene un comportamiento inherente, pero se usa junto con los scripts que se ejecutan en el lado del cliente que se pueden adjuntar al botón y ejecutarse cuando se hace clic.

Reiniciar - Restablece todos los valores.

enviar - El botón envía los datos del formulario al servidor (este es el valor predeterminado si no se define ningún tipo).

Otros atributos incluyen:

nombre - Le da al botón un nombre de referencia.

valor - Especifica un valor para ser asignado inicialmente al botón.

inhabilitar - Apaga el botón.

HTML5 agrega algunos atributos adicionales a la
formación - Utilizado solo con type = "submit" y una URL como valor, especifica dónde se enviarán los datos del formulario. Por ejemplo:

formenctype - Utilizado solo con type = "submit" atributo. Define cómo se van a codificar los datos del formulario cuando se envían al servidor. Los tres valores son aplicación / x-www-form-urlencoded (defecto), multipart / form-data, y Texto sin formato.

método de forma - Utilizado solo con type = "submit" atributo. Esto especifica qué método HTTP usar al enviar los datos del formulario, ya sea obtener o enviar.

formovalidato - Utilizado solo con type = "submit" atributo. Los datos del formulario no serán validados cuando se envíen.

objetivo de la forma - Utilizado solo con type = "submit" atributo. Esto indica dónde se debe mostrar la respuesta del sitio cuando se envían los datos del formulario, como en una nueva ventana, etc. Las opciones de valor son: _blank, _self, _parent, _top, o un nombre de marco específico.

Si está utilizando formularios, es posible que desee leer sobre cómo crear botones en formularios HTML y cómo hacer que su sitio sea más fácil de usar.