css - HTML form input text not showing -
my page not showing input text form. whenever select text box, glows not accept text.
i know there's wrong css, can't seem figure out problem.
html:
<div class="container" id="signin"> <h2>sign in</h2> <form method="post" action="index.html"> <!-- <input style="display:none" type="password" name="fakepasswordremembered"/> --> <input type="text" name="password" placeholder="password" > <br /> <input class="button" type="submit" name="commit" value="login" /> </form> </div>
css:
a { text-decoration: none; position: absolute; right: 0; text-align: right; color: #fff; } a:hover { text-decoration: underline; } .container { position: fixed; top: 50%; left: 50%; width: 55%; padding: 30px 0; transform: translate(-50%, -50%); text-align: center; color: #fff; background: rgba(0,0,0,0.3); } #signin, #close { display: none; } #signin { width: 35%; }
you have added display : none
signin
id. either make display : block
or remove it. password field, input type="password"
can used.
Comments
Post a Comment