Question

我正在设计一系列表格。有没有办法可以标记要由浏览器光标填充的字段（就像这些页面加载光标已经在上面的标题字段中一样）。

由于贾尔斯

Answer 1

在Javascript中使用focus()这样的函数。将此代码放在HTML代码的末尾，就在</body>代码之前：

<script language="javascript" type="text/javascript">

document.getElementById("textboxid").focus();

</script>

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

Answer 2

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

<input name="lorem" autofocus>

Vanilla Javascript：

<input id="lorem" name="lorem">
...
<script language="javascript" type="text/javascript">
  document.getElementById("lorem").focus();
</script>
</body>
</html>

jQuery的：

jQuery(document).ready(function($){
    $('#email').focus();
});

Answer 3

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

使用JavaScript：

<script language="javascript" type="text/javascript">
    document.getElementById("xtpo_1").focus();
</script>

使用像Jquery这样的JavaScript库：

<script language="javascript" type="text/javascript">
    $(document).ready(function() {
        $("#xtpo_1").focus();
    });
</script>

Answer 4

更好的是，写一个函数

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函数保留在页面之外，并且可以在其他页面上重用该函数。然后，您可以将其他基本功能放在该文件中，并将其包含在需要的所有页面中

Answer 5

你也可以用jQuery样式完成它并在任何地方粘贴js-code：

HTML：

<input type="text" id="name"><br />
<input type="text" id="email">

使用Javascript：

jQuery(document).ready(function($){
    $('#email').focus();
});

在线查看：http://www.jsfiddle.net/4d5JG/

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

5 个答案: