Temas > Programacion > Html > Formulario button en html
Julio

Formulario - button
El elemento button es un control visual que se puede utilizar para
sustituir los controles:
<?php // esto no va
<input type="submit" value="Enviar">
<input type="reset" value="Borrar">
?> // esto no va
Entre otras las ventanjas de este elemento es que podemos agregar imágenes
dentro del botón.
La sintaxis de este elemento es la siguiente:
<?php // esto no va
<button type="submit">
Texto a mostrar dentro del botón.
</button>
?> // esto no va
Todo lo que está contenido entre las marcas de comienzo y fin del elemento
button aparece dentro del botón, como por ejemplo una imagen, un párrafo,
enfatizado de una palabra etc.
La propiedad type se puede inicializar con alguno de estos tres valores:
"submit", "reset" y "button".
Los dos primeros cumplen las funciones que ya conocemos es decir envío de
los datos al servidor y borrado del contenido de los controles. En cuanto
al tercer valor posible de la propiedad type significará que deberemos
codificar una función en javascript para procesar el evento.
Para ver el funcionamiento confeccionaremos un formulario que solicite el
ingreso del nombre de una persona y dos elementos button para subir el dato
al servidor o borrar el dato cargado:
<?php // esto no va
<html>
<head>
<title>Prueba de formulario</title>
</head>
<body>
<form action="/htmlya/registrardatos.php" method="post">
Ingrese su nombre:
<input type="text" name="nombre" size="20">
<br>
<button type="submit">Enviar<img src="/imagenes/enviar.gif"
alt="envio"></button>
<button type="reset">Borrar<img src="/imagenes/borrar.gif"
alt="borrado"></button>
</form>
</body>
</html>
?> // esto no va
Perfectamente podemos definir un texto y cargar una imagen dentro del
botón:
<?php // esto no va
<button type="submit">Enviar<img src="/imagenes/enviar.gif"
alt="envio"></button>
?> // esto no va













¿Has olviado tu contraseña?

Pulsa aquí para registrate




Google






LunMarMieJueVieSabDom
    123
45678910
11121314151617
181920 21222324
252627282930 

Jueves 21 de Noviembre 2024
Semana 47

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