Está en la página 1de 2

2do Avance

FORMULARIO DE INGRESO

<html> <head> <title>INGRESO</title> <script> function Verificar(){ var valor = document.getElementById("usuario").value; alert("Bienvenido al sistema :"+ valor); } </script> </head> <body> <Center> <table> <tr> <td rowspan="2"><img src=http://static.freepik.com/foto-gratis/usuario-simboloazul-de-clip-art_433160.jpg width="35" height="55" HSPACE ="6"></td> <td>Usuario:</td> <td><input id="usuario" type="text" name="txtusuario"></td> </tr> <tr> <td>Contrase&ntilde;a:</td> <td><input id="pass" type="password" name="txtcontrasea"></td> </tr> </table> <table> <tr> <input type="button" name ="btnaceptar" value="Aceptar" onclick="Verificar()"/> <input type="button" name ="btncancelar" value="Cancelar"/> </tr> </table> </center> </body> </html>

FORMULARIO PRINCIPAL

<html> <head> <title>PANTALLA PRINCIPAL</title> <style> .container { width: 670px; padding: 0 0 5px 0; margin: 3px 0 10px 0; background: #fff; } #nav { margin: 0; padding: 0; border-top: 3px solid #5F6A71; } #nav li { margin: 0; padding: 0; display: inline; list-style-type: none; } #nav a:link, #nav a:visited { float: left; font: bold 7.5pt verdana; line-height: 14px; padding: 9px; text-decoration: none; color: #708491; } #nav a:link.active, #nav a:visited.active, #nav a:hover { color: #666; background: url(http://1.bp.blogspot.com/_7wsQzULWIwo/SzvC_XavHI/AAAAAAAACw0/qVeZI3gdWQM/s1600/Inverted.png) no-repeat top center; border-top: 4px solid #5F6A71; } </style> </head> <body> <div class="container"> <ul id="nav"> <li><a href="#"> <span>Registrar Empleado</span></a></li> <li><a href="#"><!--Menu 1--> <span>Registrar ficha laboral</span></a></li> <li><a href="#"><!--Menu 2--> <span>Registrar Empresa</span></a></li> <li><a href="#"><!--Menu 3--> <span>Expericiencia Laboral</span></a></li> <li><a href="#"><!--Menu 4--> <span>Buscar Empleado</span></a></li> <li><a href="#"><!--Menu 5--> </ul> </div> </body> </html>

También podría gustarte