HTML форма регистрации

Помогите пожалуйста разобраться. Есть форма регистрации.

HTML

<form class="form" method="post" action="yourpage.html">
    <input type="text" class="name" placeholder="Name" autocomplete="off" id="name">
    <div>
        <p class="name-help">Please enter your first and last name.</p>
    </div>

    <input type="email" class="email" placeholder="Email" id="email" autocomplete="off">
    <div>
        <p class="email-help">Please enter your current email address.</p>
    </div>

    <%--<input type="password" class="name" placeholder="Password" id="password" autocomplete="off">--%>
    <%--<div>--%>
        <%--<p class="name-help">Please enter your password.</p>--%>
    <%--</div>--%>

    <input type="submit" class="submit" value="Register">
</form>

если убрать коммент с пасворда, то получается это

Собственно вопрос: почему имайл переквалифицировался (самостоятельно) в юзер, почему на эти два инпута не действует CSS, почему это так происходит и как это можно исправить? Заранее спасибо.