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

click fraud protection

Cree botones de texto personalizables en HTML utilizando la aporte etiqueta. La aporte El elemento se usa dentro de un formulario elemento.

Al establecer el atributotipo a "botón", se genera un simple botón en el que se puede hacer clic. Puede definir el texto que aparecerá en el botón, como "Enviar", utilizando el valor atributo. Por ejemplo:


La aporte la etiqueta no enviará un formulario HTML; debes incluir JavaScript para manejar el envío de datos de formulario. Sin JavaScript al hacer clic evento, parecerá que se puede hacer clic en el botón, pero no sucederá nada y habrá frustrado a sus lectores.

La alternativa de etiqueta de 'botón'

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

instagram viewer

Especificar el botón tipo atributo en cualquier botón etiquetas. Hay tres tipos diferentes:

  • botón: El botón no tiene un comportamiento inherente, pero se usa junto con scripts que se ejecutan en el lado del cliente que se pueden adjuntar al botón y ejecutar cuando se hace clic en él.
  • 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 que se asignará inicialmente al botón.
  • desactivar: Apaga el botón.

Ir más lejos con los botones

HTML5 agrega atributos adicionales al botón etiqueta que amplía su funcionalidad.

  • enfoque automático: Cuando se carga la página, esta opción especifica que este botón es el foco. Solo se puede utilizar un enfoque automático en una página.
  • formulario: Asocia el botón con un formulario específico dentro del mismo documento HTML, utilizando el identificador del formulario como valor.
  • formacion: Usado solo con type = "enviar" y una URL como valor, especifica dónde se enviarán los datos del formulario. A menudo, el destino es un script PHP o algo similar,
  • formenctype: Usado solo con type = "enviar" atributo. Define cómo se codificarán los datos del formulario cuando se envíen al servidor. Los tres valores son application / x-www-form-urlencoded (defecto), multipart / form-data,Texto sin formato.
  • método de forma: Usado solo con type = "enviar" atributo. Esto especifica qué método HTTP usar al enviar datos de formulario, ya sea obtener correo.
  • formulario no validar: Usado solo con type = "enviar" atributo. Los datos del formulario no se validarán cuando se envíen.
  • formulario objetivo: Usado solo con type = "enviar" atributo. Esto indica dónde debe mostrarse la respuesta del sitio cuando se envían los datos del formulario, como en una nueva ventana, etc. Las opciones de valor son_en blanco, _ self, _ parent, _top, o un nombre de marco específico.

Leer más sobre hacer botones en formularios HTML, y cómo hacer que su sitio sea más fácil de usar.

instagram story viewer