<html>
<head>
<script language="JavaScript">
function validar()
{
if (window.document.form1.usuario.value.length==0)
{alert("Debes de introducir un nombre");}
if (window.document.form1.clave.value.length==0)
{alert("Debes de introducir una contaseña");}
}
</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Iniciar Sección</title>
<link href="estilo.css" rel="stylesheet" type="text/css" />
</head>
<body>
<table width="167" border="0" align="center">
<tr>
<td width="42"><img src="Imagenes/llaves.gif" width="38" height="38" /></td>
<td width="115" align="left" valign="bottom" class="menu">Login | Inscríbete</td>
</tr>
<tr>
<td colspan="2"><div class="menu">
<form id="form1" name="form1" action="pagina_usuario.php" method="post">
<table width="230" border="0" cellpadding="0">
<tr>
<td width="70">Usuario:</td>
<td width="154"><label>
<input name="usuario" type="text" id="usuario" size="15" />
</label></td>
</tr>
<tr>
<td valign="middle"><label>Contraseña</label></td>
<td valign="middle"><input name="clave" type="text" id="clave" size="15" /></td>
</tr>
<tr>
<td colspan="2"><label>
<input type="submit" name="button" id="button" value="Login" onClick='validar();' />
<input type="button" name="button2" id="button2" value="Nuevo" onclick="javascript
:location.href='formularios.htm l" />
</label></td>
</tr>
</table>
</form>
</div></td>
</tr>
</table>
</body>
</html>