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

我正在设计一系列表单。有没有一种方法可以标记一个字段被浏览器光标填充（就像这个页面加载的光标已经在上面的标题字段中一样）。用光标填充表单中的第一个字段

感谢贾尔斯

2010-11-27 giles

使用focus()功能像这样在Javascript中。把这段代码在你的HTML代码结束，就在</body>标记之前：

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

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

</script>

与正在使用您的形式<input>文本框的ID替换textboxid。

来源

2010-11-27 15:55:46 shamittomar

请确保此代码在文本框之后而不是之前以及您的textboad“id”是唯一的课程。 – RedFilter 2010-11-27 15:58:23

这个问题是你用JavaScript函数混乱你的页面（这不会是你想用javascript做的唯一的事情），然后你必须重写每个页面上你想自动对焦文本字段的功能。更好的办法是将功能放在一个单独的文件中，如下所述 – andrew 2010-11-27 16:27:01

感谢您的意见。我很感激 – giles 2010-11-29 19:55:28

在HTML5网页，为浏览器支持HTML5，你可以这样做：

<input name="lorem" autofocus>

香草的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(); 
});

来源

2010-11-27 16:01:10 lbz

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

使用JavaScript：

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

使用JavaScript库如jQuery：

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

来源

2010-11-27 16:04:56 Zuul

您也可以在jQuery的风格和粘贴JS代码的任何地方做：

HTML ：

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

的Javascript：

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

上网看看：http://www.jsfiddle.net/4d5JG/

来源

2010-11-27 16:07:38

更妙的是，写一个函数

function autoFocus(x){ 

document.getElementById(x).focus(); 

}

，并把它放在一个单独的JavaScript文件basic_functions.js什么的。

，在标题在页面顶部文件中像这样

<script type="text/javascript" src="basic_functions.js"></script>

在你的身体标记加载，调用函数的onload。

<body onload="focus('first_name')" >

然后创建你输入：

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

这样，你把你的页面的JavaScript函数，你可以重用在其他页面的功能。然后你可以把这样的其他基本功能放在该文件中，并将其包含在所需的所有页面中

来源

2010-11-27 16:23:27 andrew

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

回答

相关问题