2010-06-19 101 views
0

我正在構建一個小型註冊頁面,該頁面將通過iPad作爲售貨亭在銷售辦事處進行訪問。當我第一次收到網頁設計公司的頁面時,我注意到他們設置的方式是輸入字段的標籤出現在字段內(如水印)。一旦您將注意力集中在該字段上,水印就會被清除,如果在模糊字段時沒有數值,則會恢復水印​​。iPhone鍵盤下一步和輸入字段焦點問題

我注意到他們有幾個密碼字段在頁面中顯示PASSWORD和RETYPE PASSWORD字樣。我不希望人員的密碼暴露在銷售辦公室中,但是將字段更改爲鍵入密碼意味着水印標籤被遮蓋。

由於他們使用jQuery在輸入字段中進行水印處理,我發現了另一個jQuery解決方案,用於替換焦點上的PASSWORD輸入字段的TEXT輸入字段。當我在Safari上使用我的個人電腦進行測試時,它就像一個魅力一樣。然而,當我用我的iPhone測試頁面時,我注意到jQuery字段交換焦點只有當我用手指點擊字段時纔有效。如果我在屏幕鍵盤上使用並單擊NEXT以獲取該字段,則該字段不會被交換,並且屏幕上的鍵盤將消失。我必須親自點擊該字段才能觸發交換。是否還有其他一些我可以用來觸發交換而不是焦點?

$('#txtRetypePassword-clear').focus(function() { 
    $('#txtRetypePassword-clear').hide(); 
    $('#txtRetypePassword-password').show(); 
    $('#txtRetypePassword-password').focus(); 
});

回答

0
只要我發佈,我做了 DiveIntoHTML5.ep.io多一點讀書,看到HTML5支持「佔位符」,所以我對自己說,我不知道你能不能把一個佔位符的密碼輸入欄

當然。您可以!

所以我得到所有的jQuery,因爲HTML5支持頁面試圖做的一切!