2017-09-30 156 views
0

你知道如何當你打開一個新的標籤,你可以開始輸入而不必選擇搜索欄?我在HTML中有一個文本輸入框,我希望能夠打開我的網頁,並且可以立即鍵入文本輸入框,因爲缺乏更好的術語。假設我的輸入框如下所示:jQuery:選擇一個文本輸入框

<input type="text" class="myInput" value="add an item"></input> 

我現在正在使用HTML,CSS和JavaScript/jQuery。我可以添加哪些代碼以確保文本輸入框可以立即鍵入?

+2

一種HTML5溶液是[自動對焦](HTTPS:// WWW。 w3.org/wiki/HTML5_form_additions#autofocus)。 – Mark

回答

3

使用autofocus

<input type="text" class="myInput" value="add an item" autofocus/> 

the input documentation on MDN

該布爾屬性,可以指定一個表單控件應該有輸入焦點在頁面加載時,除非用戶覆蓋它(例如,通過鍵入不同的控件)。文檔中只有一個表單元素可以具有autofocus屬性,該屬性是布爾值。如果type屬性設置爲隱藏(即無法將焦點自動設置爲隱藏控件),則無法應用它。請注意,該控件的聚焦可能發生在DOMContentLoaded事件觸發之前。 。

2
在HTML使用自動對焦

,在jquery的使用$( 'myInput')聚焦()

+0

儘管jQuery解決方案會選擇'myInput'的所有類,所以最好在輸入中添加一個id並選擇它。 – iPzard

+0

謝謝!這真的很有幫助。 –

相關問題