創造CSS

密碼的兩個輸入我試過很多嘗試來解決這一個，但我不能：我希望有兩個樣品輸入框與value="password"和value ="Confirm password" 以這樣的方式，當你點擊它值類型是從text改爲password創造CSS

我已成功地改變一個盒子，是一個password但不是confirm password one.You看到的問題是因爲在input[type="password"]定位的我只能添加一個對它的定位。當我點擊其他confirm text box它直接跳到password text box

HTML

<input type = "passwords" id="passwords" name="passwords" value ="Password" onclick="passwords();" /> 
    <input type = "confirm" id="confirm" name="confirm" value ="Confirm Password" onclick="confirms();" />

CSS

input[type="password"] 
{ 
    background: transparent; 
    border:none; 
    color:#2185c5; 
height:41px; 
width:273px; 
padding-left:35px; 
border-radius:3px; 
font-size:20px; 
position:absolute; 
top:690px; 
left:353.5px; 
position:absolute; 
z-index:11; 

    }

function passwords() 
{ 
    document.getElementById("passwords").value= ""; 
    document.getElementById('passwords').type = 'password'; 

} 

function confirms() 
{ 
    document.getElementById("confirm").value= ""; 
    document.getElementById('confirm').type = 'password'; 

    }

來源

2013-06-23 atari400

<input type="password" placeholder="password" /> 
<input type="password" placeholder="Confirm password" />

來源

2013-06-23 11:56:38

** [placeholder屬性不應該被用來作爲一種替代的標籤。（HTTP：//www.whatwg .org/specs/web-apps/current-work/multipage/common-input-element-attributes.html＃the-placeholder-attribute）**（HTML5規範）。通過'for' /'id'屬性關聯的'label'元素是表單字段的正確標籤。 – FelipeAls

不能鍵入幹啥g類型。 confirm不是一種類型，也不是passwords。其password。

HTML

<input type="password" id="passwords" name="passwords" placeholder="Password" onclick="passwords();" /> 
<input type="password" id="confirm" name="confirm" placeholder="Confirm Password" onclick="confirms();" />

而且，無論你password元素將重疊。在你的CSS

CSS

input[type="password"]:nth-child(2) { 
    top:690px; 
    left:700px; 
}

來源

2013-06-23 12:18:16 Sourabh

** [不應將佔位符屬性用作標籤的替代品]。（http://www.whatwg.org/specs/web-apps/current-work/multipage/common-input-element-attributes。 html＃the-placeholder-attribute）**（HTML5規範）。通過'for' /'id'屬性關聯的'label'元素是表單字段的正確標籤。 – FelipeAls

@FelipeAls感謝您的信息。我會從現在開始照顧:) – Sourabh

您無法使用自己的類型的末尾添加這一點。密碼&確認不是一種類型。檢查這裏是可用的輸入類型：Click Here

這可以幫助你:)

來源

2013-06-23 12:52:27

回答

相關問題