HTML5 autofocus属性

最新推荐文章于 2023-09-07 11:35:21 发布

菜鸟下山

最新推荐文章于 2023-09-07 11:35:21 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

文章标签： HTML5 autofocus属性

本文链接：https://blog.youkuaiyun.com/huzijia888/article/details/78581484

本文介绍如何使用HTML中的autofocus属性及JavaScript的focus()函数来控制网页元素的焦点。当设置autofocus属性为true时，页面加载完成后该元素会自动获得焦点；通过JavaScript的focus()函数也能达到同样的效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<head>
<style>
#test1{
width:221px;
}
</style>
<script>
function setfocus(){
var test2=document.getElementById("test2");
test2.focus();//focus()函数，使元素获得焦点。blur()函数使元素失去焦点；
}
</script>
<meta charset="UTF-8">
</head>
<body>
<fieldset id="test1">
<legend>
autofocus属性：
</legend>
<p>账户：<input type="text" id="test2" autofocus="true"></p>
<p>密码：<input type="text" id="test3" autofocus="true"></p>
&nbsp&nbsp&nbsp<input type="button" value="提交" onclick="setfocus()">&nbsp&nbsp<input type="button" value="取消">
</fieldset>
</body>
</html>