Temas > Programacion > Html > Formulario input type button en html
Julio

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
generalmente en JavaScript.
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:
<?php // esto no va
<html>
<head>
<title>Prueba de formulario</title>
</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>
?> // esto no va
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.













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google




LunMarMieJueVieSabDom
      1
2345678
9101112131415
16171819202122
23242526 272829
30      

Viernes 27 de Junio 2025
Semana 26

..............................................................................................................................................................................................................................................
(Contacto)..
Esta web utiliza cookies para obtener datos estadísticos de la navegación de sus usuarios. Política de privacidad y Aviso legal
Rechazar    Aceptar