Cómo crear botones Enviar y Restablecer en HTML5

Cómo crear botones Enviar y Restablecer en HTML5 - Mensajes dummy

Los botones Enviar y Restablecer ayudan al usuario a decirle al navegador qué hacer con un formulario en su sitio web. Puede usar HTML para crear botones para enviar o restablecer su formulario, utilizando el elemento con los siguientes atributos de tipo y valor:

  • Enviar: Los visitantes tienen que indicarle a un navegador cuando terminan con un formulario y desean para enviar los contenidos. Crea un botón para enviar el formulario utilizando el siguiente marcado:

    No usa el atributo de nombre para los botones Enviar y Restablecer. En su lugar, utiliza el atributo de valor para especificar cómo el navegador etiqueta los botones para mostrar.

  • Restablecer: Los visitantes deben borrar el formulario si desean comenzar nuevamente o decidir no completarlo. Crea un botón para restablecer (borrar) el formulario utilizando el siguiente marcado:

Puede establecer el valor a cualquier cosa que desee que aparezca en el botón. En nuestro ejemplo, configuramos el nuestro para Borrar. Por supuesto, puede usar algo que sea más apropiado para su sitio web si lo desea.

Este listado muestra un ejemplo de marcado para crear los botones Enviar y Restablecer denominados Enviar y Borrar, respectivamente. Es el listado de una forma completa multiparte.

 Marcado de formulario básico h1 {color de fondo: plateado; de color negro; tamaño de fuente: 1. 2em; font-family: Arial, Verdana, sans-serif;} hr {color: blue; width: thick;} body {font-size: 12pt; color marrón; familia de fuentes: Tahoma, Bodoni, sans-serif; line-height: 0. 8em;} 

Multi-Part Form


Nombre y contraseña

Nombre:

Apellido:

Contraseña:

Alimentos favoritos

¿Cuáles son algunos de sus alimentos favoritos?

Pizza

Helado

Huevos verdes y jamón

Información de género

¿Cuál es su sexo?

Hombre

Mujer


Esta figura muestra cómo un navegador representa estos botones en un formulario.