htmlxumarhu.net/html_formularios.pdf · 5 botón “reset” boton reset
TRANSCRIPT
![Page 1: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/1.jpg)
“HTML”
Rogelio Ferreira Escutia
![Page 2: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/2.jpg)
2
Formularios
![Page 3: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/3.jpg)
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>
![Page 4: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/4.jpg)
4
Formulario Básico
![Page 5: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/5.jpg)
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>
![Page 6: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/6.jpg)
6
![Page 7: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/7.jpg)
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>
![Page 8: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/8.jpg)
8
![Page 9: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/9.jpg)
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>
![Page 10: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/10.jpg)
10
![Page 11: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/11.jpg)
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>
![Page 12: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/12.jpg)
12
![Page 13: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/13.jpg)
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>
![Page 14: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/14.jpg)
14
![Page 15: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/15.jpg)
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>
![Page 16: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/16.jpg)
16
![Page 17: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/17.jpg)
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>
![Page 18: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/18.jpg)
18
Checkbox
![Page 19: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/19.jpg)
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>
![Page 20: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/20.jpg)
20
RadioButton
![Page 21: HTMLxumarhu.net/html_formularios.pdf · 5 Botón “reset” Boton reset](https://reader036.vdocuments.pub/reader036/viewer/2022062417/61361ab30ad5d2067647cdf0/html5/thumbnails/21.jpg)
Rogelio Ferreira Escutia
Instituto Tecnológico de MoreliaDepartamento de Sistemas y Computación
Correo: [email protected] [email protected]
Página Web: http://antares.itmorelia.edu.mx/~kaos/http://www.xumarhu.net/
Twitter: http://twitter.com/rogeplusFacebook: http://www.facebook.com/groups/xumarhu.net/