Вы находитесь на странице: 1из 6

UNIVERSIDAD DEL ISTMO

SEDE VERAGUAS
LICENCIATURA EN ADMINISTRACIÓN DE SISTEMAS
ASIGNATURA: PROGRAMACIÓN 1
CUARTO CUATRIMESTRE

ESTUDIANTE
MARIA DEL ROSARIO SANJUR

PROFESOR:
EZEQUIEL DÍAZ
CEDULA:
9-704-834

FECHA:
17/01/2019
Código Fuente del formulario HTML
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title>Registro Usurario LAB</title>
</head>
<body>
<body style="background-color:#808080;">
<div id="page">
<div id="header">
</div>
<div id="wrapper">
<!-- menu -->
<div id="menu">
<div>
<p align="left"><font size="7">Registro Cliente</font></div>
</div></div></div>
<!-- fin menu -->
<!-- cuerpo -->
<div id="body">
<form method="get" action="accion.html">
Nombre:<br /><input type="text" name="nombre" /><br />
Apellidos:<br /><input type="text" name="apellidos" /><br />
Edad:<br /><input type="number" name="edad"><br />
Fecha de Nacimiento:<br /><input type="date" name="fechanac" /><br />
Teléfono:<br /><input type="tel" name="telefono" /><br />
Célular:<br /><input type="tel" name="celular" /><br />
Correo electrónico:<br /><input type="email" name="correo" /><br />

<br /><br /><br />


<!-- Registro usuario y contraseña -->
<p align="left"><font size="5">Usuario y Contraseña</font></div><br />
Usuario:<br /><input type="text" name="cusuario" /><br />
Contraseña:<br /><input type="password" name="clave" /><br />
Repita su Contraseña:<br /><input type="password" name="clave" /><br />
<!-- Crear el menu de seleecion con un forn y un metodo -->
<form id="myform" method="post">
<label>Pregunta secreta :</label><br />
<select id="dept">
<option >--Selectcione su Pregunta--</option>
<option>Color favorito</option>
<option>Comida favorita</option>
<option>Lugar de Residencia</option>
<option>Amigo favorito</option>
</select>
</form>
Respuesta a pregunta:<br /><input type="text" name="respuesta" /><br /><br />
<br />
<!-- CREAMOS EL BOTON Y EL MENSAJE DE ALERTA AL PRESIONARLO -->
<FORM>
<input name="button2" type="button" style="background:#0000cc"
onclick='alert("DATOS ENVIADOS CORRECTAMENTE")' value="Enviar
Formulario" />
</FORM>
&nbsp;</form></div><!-- fin cuerpo --></div><!-- fin contenedor --><br /> <br /> <br
/>
<div id="footer">
</div>
</div>
</body>
</html>
codigo ejecutado en la plicacion Sublime Text

Formulario en la pagina web


Sección de registro usuario y contraseña

Mensaje al dar clic en el botón enviar


El mensaje se colocó como una alerta
Sitios web utilizados para desarrollar el código HTML

 http://www.mclibre.org/consultar/amaya/html/html-formularios.html

 http://usuaris.tinet.cat/acl/html_web/manual/formularios/formularios_8.html

 https://encycolorpedia.es/0000cc

 https://www.aprenderaprogramar.com/index.php?option=com_content&view

=article&id=580:post-php-procesar-datos-de-un-formulario-html-ejercicios-

resueltos-y-ejemplos-sencillos-cu00834b&catid=70&Itemid=193

 https://elblogdeliher.com/como-mostrar-los-acentos-y-las-n-en-html/

Вам также может понравиться