html中的focus是什么意思

html-css05

html中的focus是什么意思,第1张

焦点。focus选择器用于选取获得焦点的元素，只需要给元素设置“元素：focus属性：属性值样式即可。“focus”是一个伪类，它适用于具有焦点的元素，该选择器应用于元素具有焦点的时间内。

方法有两种如下：

一、 格式<body onload=document.formname.textname.focus()> 

    formname为表单名称，后面接着的textname 是文本框的名称。

示例：

<html>

<head></head>

<body onLoad="document.user.username.focus()" >

<form name="user" action="">

<input type="text" name="username">

</form>

</body>

</html>

这个方法比较简单，推荐使用。

二、使用JavaScript，相对麻烦

<html>

<head></head>

<body >

<input type="text" id="name"><!--设置文本输入框的id为name-->

<script language="javascript">

document.getElementById('name').focus()

<!--设置id为name的元素得到焦点-->

</script>

</body>

</html>

注意：要使上面两种方法有效需要允许浏览器执行ActiveX脚本。

javaweb的项目过程中，在输入信息的时候，将输入框默认获得焦点指令：