Question

我的页面未显示表单中的输入文本。每当我选择文本框时，它会发光，但不接受文本。

我知道我的CSS出了问题，但我似乎无法弄清楚问题。

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%;
}

Answer 1

您已将display : none添加到signin ID。将其设为display : block或删除它。此外，对于密码字段，可以使用input type="password"。

Answer 2

你为什么要这样做

 #signin, #close {
        display: none;
    }

尝试：

 #signin, #close {
        display: block;
    }

Answer 3

尝试删除：

#singin, #close {
    display: none;   
}

对于：

#singin, #close {
    display: block; 
}

或者您只能删除。

HTML表单输入文本未显示

3 个答案: