Descargar la presentación
La descarga está en progreso. Por favor, espere
1
“HTML” Rogelio Ferreira Escutia
2
Formularios 2
3
Formulario Básico <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Formularios en HTML</title> </head> <body> <h2>Página con Formulario</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre"/><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 3
4
Formulario Básico 4
5
Botón “reset” <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Boton reset</title> </head> <body> <h2>Boton reset</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre"/><br/> <input type="submit" value="Enviar"/> <input type="reset" value="Borrar"/> </form> </body> </html> 5
6
6
7
Pre-rellenar campos <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Formularios</title> </head> <body> <h2>Pre-rellenado de campos</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre" value="Escribe tu nombre aqui" /><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 7
8
8
9
Longitud del campo <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Formularios</title> </head> <body> <h2>Longitud de campos</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre" size="20" maxlength="30" /><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 9
10
10
11
Campo password <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Formularios</title> </head> <body> <h2>Campo password</h2> <form action="recibir.php" method = "post"> Login: <input type="text" name="login" /><br/> Password: <input type="password" name="password"/><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 11
12
12
13
Zona de texto <!DOCTYPE html> <html> <head>
<meta charset="utf-8" /> <title>Formularios</title> </head> <body> <h2>Zonas de texto</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre" /><br/> Escribe tu comentario:<br/> <textarea name="comentario" id="comentario" > </textarea><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 13
14
14
15
Tamaño de zonas de texto
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>Formularios</title> </head> <body> <h2>Zonas de texto</h2> <form action="recibir.php" method = "post"> Nombre: <input type="text" name="nombre" /><br/> Escribe tu comentario:<br/> <textarea name="comentario" id="comentario" cols="50" rows="5" > </textarea><br/> <input type="submit" value="Enviar"/> </form> </body> </html> 15
16
16
17
Checkbox <!DOCTYPE html> <html> <head>
<title>Formulario (Checkbox)</title> <meta charset="utf-8" /> </head> <body> <h2>Formulario (checkbox)</h2> <form method="get" action="grabar.php"> Selecciona tus Pasatiempos:<br /> <input name="peliculas" type="checkbox" checked="checked" />Películas<br /> <input name="libros" type="checkbox" />Libros<br /> <input name="internet" type="checkbox" />Internet<br /><br /> <input type="submit" value="Enviar"/> </form> </body> </html> 17
18
Checkbox 18
19
RadioButton <!DOCTYPE html> <html> <head>
<title>Formulario (RadioButton)</title> <meta charset="utf-8" /> </head> <body> <h2>Formulario (RadioButton)</h2> <form method="get" action="grabar.php"> Selecciona tu actividad favorita:<br /> <input name="intereses" type="radio" value="peliculas" checked="checked" />Películas<br /> <input name="intereses" type="radio" value="libros" />Libros<br /> <input name="intereses" type="radio" value="internet" />Internet </form> </body> </html> 19
20
RadioButton 20
21
Rogelio Ferreira Escutia
Instituto Tecnológico de Morelia Departamento de Sistemas y Computación Correo: Página Web: Twitter: Facebook:
Presentaciones similares
