2011-11-01 187 views
2

時如何防止默認焦點上的文本字段如果我有一個佔位符屬性,像這樣一種形式:使用HTML5的佔位符屬性

<input type="text" name="something" placeholder="username" /> 
<input type="text" name="somethingelse" placeholder="password" /> 

當我來到上述形式的頁面,默認情況下,第一個文本字段是重點,即有光標在其中。這是一個問題,因爲我使用佔位符文本作爲文本字段的標籤。所以如果用戶名字段的焦點在於那個佔位符文本不存在,那麼他們應該在該字段中輸入什麼內容。

+1

我不相信任何建議的解決方案。使用佔位符屬性不會聚焦任何特殊元素。必須有一個涉及腳本的腳本,這導致了這種焦點行爲。而不是添加另一個焦點轉移腳本。你應該找到腳本,看看你如何改變它的行爲。可能有配置選項或其他可能性。 –

回答

2

你可以強制集中到別的東西通過JavaScript

jQuery(function($){ 
    $(".someotherelement").focus(); 
}); 
1

您可以隨時autofocus="autofocus"其他輸入元素(如果有提交輸入爲例)。 你也可以做<body onLoad="document.some-other-element.focus()">

+0

+1。比我的解決方案更好。 – rmorero

+0

這將是更好的解決方案,但我不得不使用js,因爲表單是在簡單模式中,我也不得不使用模糊而不是焦點,由於某些原因,這不適用於提交字段。所以我只是模糊了聚焦的元素「onShow」,這是一個簡單的模態回調。 – TK123

+1

我不相信這是更好的解決方案;這違反了不顯眼的設計,因爲我們將控制元素粘貼到html中;當然,我想是否頁面焦點是一個控制器功能是主觀的... – Kato