2個具有相同類的輸入具有不同的外觀（HTML）

Question

我製作了一個具有相同類的兩個輸入的表單，但它們具有不同的外觀。如果將類型從「電子郵件」更改爲「文本」，它們只會出現相同的外觀。這是代碼問題還是HTML5呢？

<form action="../../../redirect.html"> 
 
<input name="username" id="login-username" class="login-input pure-u-1" type="email" maxlength="96" tabindex="1" aria-required="true" value="" placeholder="Indtast din e-mail" title="Indtast din e-mail" autocorrect="off" spellcheck="false" required autofocus> 
 

 
<input name="password" id="login-password" class="login-input pure-u-1" type="password" maxlength="96" tabindex="1" aria-required="true" value="" placeholder="Indtast din adgangskode" title="Indtast din adgangskode" autocorrect="off" spellcheck="false" required> 
 
<button type="submit" formaction="../../../redirect.html" id="login-signing" class="pure-u-1 pure-button mbr-button-primary" value="Submit" tabindex="1">Login</button> 
 
</form>

Answer 1

在css file，似乎它的風格輸入的有類「純形式」，但你已經使用「密碼輸入」。所以它似乎是問題是關於如何使用您的CSS樣式而不是「HTML5」。

這是正確的代碼：

<form action="../../../redirect.html"> 
<input name="username" id="login-username" class="pure-form pure-u-1" type="email" maxlength="96" tabindex="1" aria-required="true" value="" placeholder="Indtast din e-mail" title="Indtast din e-mail" autocorrect="off" spellcheck="false" required autofocus> 

<input name="password" id="login-password" class="pure-form pure-u-1" type="password" maxlength="96" tabindex="1" aria-required="true" value="" placeholder="Indtast din adgangskode" title="Indtast din adgangskode" autocorrect="off" spellcheck="false" required> 
<button type="submit" formaction="../../../redirect.html" id="login-signing" class="pure-u-1 pure-button mbr-button-primary" value="Submit" tabindex="1">Login</button> 
</form>