html中的focus是什么意思

html-css017

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