Índice

Botón de envío

<!DOCTYPE html> 
<html lang="es"> 
<head> 
<title>Html5</title> 
<meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
<input type="submit">  
</form> 
</body> 
</html>
images/CAP09IMG13.png

Internet Explorer 10 tiene una particularidad; los botones se muestran en forma rectangular. 

images/CAP09IMG14.png

Comentarios

  • Esta etiqueta es perfectamente compatible entre los diferentes navegadores.

  • La etiqueta <input> no tiene etiqueta de cierre. La sintaxis <input type="submit" />, inspirada en XHTML, está igualmente aceptada en HTML5.

  • El texto del botón lo selecciona el navegador. En efecto, varía de un navegador a otro: Enviar consulta en Internet Explorer y Firefox, Enviar en Opera, Safari y Google Chrome. Es posible modificar el texto por defecto del botón mediante el atributo value. La sintaxis es, por ejemplo, <input type="submit" value="Enviar el formulario">.

  • Es posible reemplazar el botón de envío por una imagen gráfica gracias a la etiqueta <input type="image>.

<!DOCTYPE html> 
<html lang="es"> 
<head> 
   <title>Html5</title> 
   <meta charset="UTF-8"> 
</head> 
<body> 
<form action=""> 
Nombre: <input type="text"><br> 
e-Mail: <input type="text"><br>  ...