如何讓輸入欄已經有'點擊'的外觀而不必點擊它？

我希望輸入字段已經具有點擊的樣子，所以當你看到輸入字段'|'已經閃爍，沒有人點擊它？如何讓輸入欄已經有'點擊'的外觀而不必點擊它？

它提供的搜索字段中更受歡迎的觸摸

這裏是我的那場HTML：

<input type="text" name="search" size="36" value="" 
style="background-color:white;border: 
solid 1px #ffffff; height: 30px; font-size:19px; font-family: HelveticaNeue-Light; 
font-weight: 1; 
vertical-align:9px;color:#bbb" 
onfocus="if(this.value == ''){this.value = 
'';this.style.color='#363D42'}" />

謝謝！

詹姆斯

來源

2011-10-12 James

只是我的意見，但作爲一個用戶，這將讓我困惑。有一個重點領域LOOKS重點的原因。 – Nikki9696

除了編碼之外，我在哪裏可以找到我需要的東西？有什麼我期待的術語？ – James

詹姆斯，你想讓它只是「看」專注，還是你想讓它真正專注？如果是後者，你想要的術語是「自動對焦」。如果是這樣，你可能想編輯這個問題來澄清。這將有利於尋找相同解決方案的人們。如果事先，我同意@ Nikki9696。我們希望知道你爲什麼希望它出現，但實際上並沒有集中注意力。 – Dave

如果你的目的是要把它實際上集中爲好吧，你可以在javascript中做到這一點：

的ID添加到您的輸入節點：ID = 「身份識別碼」

<script type="text/javascript"> 
    document.getElementById("myID").focus(); 
</script>

此外，HTML 5具有自動對焦屬性：

<input type="text" autofocus="autofocus" />

來源

2011-10-12 16:24:56 Dave

謝謝！正是我想要的！ – James

你focus()它：

document.getElementById('foo').focus();

爲了讓聯合國爲中心，你blur()它：

document.getElementById('foo').blur();

來源

2011-10-12 16:22:59 Blender

如何讓輸入欄已經有'點擊'的外觀而不必點擊它？

回答

相關問題