如何在不改变输入框格式的情况下隐藏密码？

Question

我正在设计一个登录网页，它看起来像这样：

其中'123456'是密码。

但是，当我尝试通过将代码更改为：

来隐藏密码时

<input Name="Password" type="password" id="Password" placeholder="Password" required="">

密码的输入框变为：

那么有没有办法隐藏密码但保留输入文本框的格式？

这是我的源代码：

<form action="login_singletest.php" method="post">

                <div class="w3_cc">

                </div>
                    <input type="text" class="margin-right" Name="Email" placeholder="Email" required="">
                    <input Name="Password" type="text" id="Password" placeholder="Password" required="">

                    <div class="clearfix"></div>
                    <div class="send-button agileits w3layouts">
                        <button class="btn btn-primary">Log In </button>
                    </div>
                 </form>

Answer 1

<input type="email" class="margin-right" Name="Email" placeholder="Email" required>
<input type="password" class="margin-right" type="password" name="Password" placeholder="Password" required>

Answer 2

我的道歉。我的同学传给了我错误的css文件，其中她没有定义“type = password”。现在，在修改css文件后，一切都已解决。 @FunkFortyNiner非常感谢您的耐心等待。