html中的focus是什么意思

html-css07

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的项目过程中，在输入信息的时候，将输入框默认获得焦点指令：

其实Label中有两个属性非常有用，一个是FOR，一个是ACCESSKEY。

FOR属性

函数:指示由Label标签绑定的HTML元素。当您单击此标签时，绑定的元素将获得焦点。

用法:名称

ACCESSKEY属性:

功能:指示访问由标签Label绑定的元素的热键。当您按下热键时，绑定的元素将获得焦点。

用法:名称

限制:accessKey属性设置的快捷键不能和浏览器的快捷键冲突，否则会先激活浏览器的快捷键。

注意:

若要将标签绑定到另一个控件，请将LABEL元素的FOR属性设置为与控件的ID相同。将LABEL绑定到控件的NAME属性是无用的。但是，要提交表单，必须指定LABEL元素绑定到的控件的名称。