2017-09-30 131 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

谢谢!这真的很有帮助。 –

相关问题