Quiero que cuando le de clic al botón de login de un menu aparezca la pantalla de login, que la persona escriba su usuario y contraseña en caso de ser correcta le redireccione al menu pero con nuevas opciones.
Para poner en contexto, tengo un menu que es el index y uso un archivo php llamado "menu.php" para modificar su estilo con lo siguiente header("Content-type: text/css; charset=utf-8", true);
en este archivo se encuentra la opción para esconder los elementos de una lista, seguí este consejo para hacerlo: https://stackoverflow.com/questions/32771551/how-to-hide-a-li-item-in-html-and-make-it-not-occupy-any-space.
index.html
<li><a href="html/login.html">Login</a></li>
<li class="hide"><a href="#">Consulta 1</a></li>
<li class="hide"><a href="#">Consulta 2</a></li>
<li class="hide"><a href="#">Consulta 3</a></li>
<li class="hide"><a href="#">Consulta 4</a></li>
Y tengo un "login.html" que usa un css diferente llamado "login.css", para poder extraer la contraseña y usuario uso el método POST y después lo envió a "main.php" para que modifique la propiedad del selector "hide".
login.html
<link rel="stylesheet" href="../css/login.css">
</head>
<body>
<form action = "../php/main.php" method ="post">
<section class="form-login">
<h5>Login BobaDent</h5>
<input class="controls" type="text" name="usuario" value="" placeholder="Usuario">
<input class="controls" type="password" name="contrasena" value="" placeholder="Contraseña">
<input href= "../index.html" class="buttons" type="submit" name="" value="Ingresar">
</section>
</form>
El problema es que cuando coloco $usuario = $_POST['usuario'];
en "main.php "deja de funcionar el estilo de debajo.
main.php
<?php
header("Content-type: text/css; charset=utf-8", true);
$usuario = $_POST['usuario'];
?>
body {
background: red;
}
.hide{
display:none;
}
Me podrían ayudar por favor, tienen alguna mejor solución o saben porque sucede, soy nuevo con css, php y html espero haberme explicado.