El botón ubicua es un elemento básico de cualquier página web, y si usted está construyendo su página usando HTML 5, que puede incluir todos los tipos habituales de botones. Hay tres tipos principales de botones, aunque todos ellos parecen idénticos al usuario:

• botón estándar: Un botón estándar sólo se parece a un botón. Estos botones se utilizan bastante en la programación javascript para desencadenar algún tipo de acción en el cliente final.

• Botón de enviar: Este botón se utiliza normalmente en la programación del lado del servidor. Es paquetes de seguridad de todos los datos en el formulario y lo somete a un programa que reside en un servidor web remoto.

• Botón de reinicio: Este tipo botón especial ha incorporado en el comportamiento. Cuando el usuario hace clic en un botón de reinicio, todos los datos en el formulario se restauran los valores predeterminados originales.

La forma de la figura muestra cada tipo de botón, todos mirando más o menos la misma:

Además de los tres tipos de botones, elementos del botón se pueden crear de dos formas diferentes. La primera es con el entrada element- sólo tiene que utilizar el siguiente código:

Cuando se usa de esta manera, la valor propiedad se convierte en la etiqueta del botón, y el tipo propiedad indica el tipo de botón que tiene la intención de construir. No es necesario añadir una etiqueta a un botón porque la etiqueta está implícito.

Sin embargo, ya que estos últimos no son realmente utilizados para la entrada, pero para especificar que el usuario quiere hacer algo, una nueva sintaxis botón ha evolucionado:

botón estándar

Esta sintaxis introduce una botón etiqueta con las etiquetas de inicio y fin. los tipo atributo se utiliza para indicar qué tipo de botón que desea utilizar. (El tipo predeterminado es “enviar“, pero se utiliza sobre todo en el desarrollo del lado del servidor.)

los botón sintaxis tiende a ser más limpio, y hace que el formato CSS un poco más fácil, como botones rara vez se formatean de la misma forma que otros elementos de entrada.

El código de una página web con los dos tipos de botón es el siguiente:

Video: Tutorial #14 HTML (XHTML) básico - Formulario - Upload + Boton (Aceptar/Cancelar)

forma de demo