你知道如何當你打開一個新的標籤,你可以開始輸入而不必選擇搜索欄?我在HTML中有一個文本輸入框,我希望能夠打開我的網頁,並且可以立即鍵入文本輸入框,因爲缺乏更好的術語。假設我的輸入框如下所示:jQuery:選擇一個文本輸入框
<input type="text" class="myInput" value="add an item"></input>
我現在正在使用HTML,CSS和JavaScript/jQuery。我可以添加哪些代碼以確保文本輸入框可以立即鍵入?
你知道如何當你打開一個新的標籤,你可以開始輸入而不必選擇搜索欄?我在HTML中有一個文本輸入框,我希望能夠打開我的網頁,並且可以立即鍵入文本輸入框,因爲缺乏更好的術語。假設我的輸入框如下所示:jQuery:選擇一個文本輸入框
<input type="text" class="myInput" value="add an item"></input>
我現在正在使用HTML,CSS和JavaScript/jQuery。我可以添加哪些代碼以確保文本輸入框可以立即鍵入?
使用autofocus
:
<input type="text" class="myInput" value="add an item" autofocus/>
從the input documentation on MDN:
該布爾屬性,可以指定一個表單控件應該有輸入焦點在頁面加載時,除非用戶覆蓋它(例如,通過鍵入不同的控件)。文檔中只有一個表單元素可以具有autofocus屬性,該屬性是布爾值。如果type屬性設置爲隱藏(即無法將焦點自動設置爲隱藏控件),則無法應用它。請注意,該控件的聚焦可能發生在DOMContentLoaded事件觸發之前。 。
<input type="text" class="myInput" value="add an item" autofocus>
非常感謝!這很好。 –
,在jquery的使用$( 'myInput')聚焦()
儘管jQuery解決方案會選擇'myInput'的所有類,所以最好在輸入中添加一個id並選擇它。 – iPzard
謝謝!這真的很有幫助。 –
一種HTML5溶液是[自動對焦](HTTPS:// WWW。 w3.org/wiki/HTML5_form_additions#autofocus)。 – Mark