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

Popular posts from this blog

javascript - jQuery: Add class depending on URL in the best way -

caching - How to check if a url path exists in the service worker cache -

Redirect to a HTTPS version using .htaccess -