Listado completo de tutoriales

Temario del Tutorial->36 - Formulario - input type="button"


Otro tipo de boton que podemos crear es mediante el elemento input y fijando en la propiedad type el valor "button".

Este tipo de botón no se lo puede hacer que actúe como los botones de tipo submit o reset, su actividad dependerá de un programa desarrollado en JavaScript. Si quiere puede introducirse luego en este lenguaje visitando el curso JavaScript Ya.

Si bien no podemos ver su funcionamiento ya que no conocemos JavaScript si podemos implementar una página que muestre este control. Confeccionaremos una página que muestre el teclado de una calculadora:

<!DOCTYPE html>
<html>
<head>
  <title>Prueba de formulario</title>
  <meta charset="UTF-8">
</head>
<body>
<form action="registrardatos.php" method="post">
  <h1>Resultado:<h1>
  <input type="button" name="boton7" value=" 7 ">
  <input type="button" name="boton8" value=" 8 ">
  <input type="button" name="boton9" value=" 9 ">
  <input type="button" name="botondiv" value=" / ">
  <br>
  <input type="button" name="boton4" value=" 4 ">
  <input type="button" name="boton5" value=" 5 ">
  <input type="button" name="boton6" value=" 6 ">
  <input type="button" name="botondiv" value=" * ">
  <br>
  <input type="button" name="boton1" value=" 1 ">
  <input type="button" name="boton2" value=" 2 ">
  <input type="button" name="boton3" value=" 3 ">
  <input type="button" name="botonmas" value=" + ">
  <br>
  <input type="button" name="boton0" value=" 0 ">
  <input type="button" name="botonigual" value=" = ">
  <input type="button" name="botonmenos" value=" - ">
</form>
</body>
</html>

El resultado en el navegador es:

input type button

Como verá cuando se presiona el botón no sucede nada. Esto es así porque no hemos asignado ninguna actividad cuando sea presionado. Recordemos que HTML solo tiene contenido, si queremos funcionalidad deberemos definir los eventos para dichos botones.


Retornar