jQuery:选中一个文本输入框

时间:2017-09-30 00:57:24

标签: javascript jquery html css

您知道在打开新标签时如何开始输入而无需选择搜索栏?我有一个HTML格式的文本输入框,我希望能够打开我的网页并让文本输入框立即输入,因为缺少更好的术语。说我的输入框如下所示:

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

我现在正在使用HTML,CSS和JavaScript / jQuery。我可以添加什么代码以确保文本输入框可以立即输入?

3 个答案:

答案 0 :(得分:3)

使用autofocus

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

来自the input documentation on MDN

  

此布尔属性允许您指定窗体控件在页面加载时应具有输入焦点,除非用户覆盖它(例如,通过键入不同的控件)。文档中只有一个表单元素可以具有自动聚焦属性,即布尔值。如果将type属性设置为hidden(即,无法自动将焦点设置为隐藏控件),则无法应用它。请注意,控件的聚焦可能在触发DOMContentLoaded事件之前发生。

答案 1 :(得分:3)

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

https://www.w3schools.com/TAgs/att_input_autofocus.asp

答案 2 :(得分:2)

在html中使用autofocus,在jquery中使用$(&#39; .myInput&#39;)。focus()