Javascript 用光标填充表单中的第一个字段

Javascript 用光标填充表单中的第一个字段,javascript,html,focus,Javascript,Html,Focus,我正在设计一系列的表格。是否有一种方法可以标记一个由浏览器光标填充的字段,就像上面的标题字段中已经有光标的页面加载一样 谢谢 Giles在Javascript中使用如下聚焦函数。将此代码放在HTML代码的末尾,就在标记之前: 将textboxid替换为表单中使用的文本框ID。在Javascript中使用类似的焦点函数。将此代码放在HTML代码的末尾,就在标记之前: 将textboxid替换为您在表单中使用的文本框ID。在HTML5页面中,对于支持HTML5的浏览器,您可以执行以下操作: <

我正在设计一系列的表格。是否有一种方法可以标记一个由浏览器光标填充的字段,就像上面的标题字段中已经有光标的页面加载一样

谢谢 Giles在Javascript中使用如下聚焦函数。将此代码放在HTML代码的末尾,就在标记之前:

将textboxid替换为表单中使用的文本框ID。

在Javascript中使用类似的焦点函数。将此代码放在HTML代码的末尾,就在标记之前:


将textboxid替换为您在表单中使用的文本框ID。

在HTML5页面中,对于支持HTML5的浏览器,您可以执行以下操作:

<input name="lorem" autofocus>

在HTML5页面中,对于支持HTML5的浏览器,您可以执行以下操作:

<input name="lorem" autofocus>

您可以使用Javascript设置所需的输入焦点:

使用JavaScript:

使用类似Jquery的JavaScript库:


您可以使用Javascript设置所需的输入焦点:

使用JavaScript:

使用类似Jquery的JavaScript库:


您还可以使用jQuery样式执行此操作,并将js代码粘贴到任意位置:

HTML:


在线查看:

您也可以用jQuery风格进行操作,并将js代码粘贴到任何地方:

HTML:


在线检查:

更好的是,编写一个函数

function autoFocus(x){

 document.getElementById(x).focus();

}
并将其放入一个名为basic_functions.js的单独javascript文件中

在页眉中加载页面顶部的文件,如下所示

<script type="text/javascript" src="basic_functions.js"></script>
在body标记中,调用函数onload

<body onload="focus('first_name')" >
然后创建您的输入:

<input type='text' value='' name='first_name' id='first_name' />

这样,您就可以将javascript函数保留在页面之外,并且可以在其他页面上重用该函数。然后,您可以将其他类似的基本函数放在该文件中,并将其包含在所有需要它的页面中

更好的是,编写一个函数

function autoFocus(x){

 document.getElementById(x).focus();

}
并将其放入一个名为basic_functions.js的单独javascript文件中

在页眉中加载页面顶部的文件,如下所示

<script type="text/javascript" src="basic_functions.js"></script>
在body标记中,调用函数onload

<body onload="focus('first_name')" >
然后创建您的输入:

<input type='text' value='' name='first_name' id='first_name' />

这样,您就可以将javascript函数保留在页面之外,并且可以在其他页面上重用该函数。然后,您可以将其他类似的基本函数放在该文件中,并将其包含在所有需要的页面中

确保此代码位于文本框之后,而不是之前,并且您的文本框id是唯一的,当然,问题是你的页面被javascript函数弄得乱七八糟。这不是你唯一想用javascript做的事情,然后你必须在你想自动聚焦文本字段的每个页面上重写函数。更好的方法是将函数放在一个单独的文件中,如下所述确保此代码在文本框之后,而不是之前,并且您的textboad id是唯一的,当然,问题是你的页面被javascript函数弄得乱七八糟。这不是你唯一想用javascript做的事情,然后你必须在你想自动聚焦文本字段的每个页面上重写函数。更好的方法是将函数放在一个单独的文件中,如下所述。有人知道在输入标记中运行函数“onload”的方法吗?有人知道在输入标签中运行函数“onload”的方法吗?我最终选择了jQuery,因为它非常简单,而且我想更多地练习使用它。V上面的简单例子。非常感谢allI,我不想做广告,但是有一本书,对新手来说非常清楚:jQuery:新手到忍者:还有一个很好的方法来检查解决方案,这样其他人就可以看到它已经解决了问题。我最终选择了jQuery,因为它非常简单,而且我想得到更多的使用练习。V上面的简单例子。非常感谢allI,我不想做广告,但是有一本书,对新手来说非常清楚:jQuery:新手对忍者:还有一个很好的实践来检查解决方案,这样其他堆栈溢出的人可以看到它已经解决了问题。
<body onload="focus('first_name')" >
<input type='text' value='' name='first_name' id='first_name' />