HTML

<button> 元素的 autofocus 属性用于在页面加载时将焦点设置到按钮上。

以下是语法 −

<button type="button" autofocus>

以上，我们已经将 autofocus 设置为某个按钮。现在让我们来看一个示例来实现 <button> 元素的 autofocus 属性 −

示例

 在线演示

<!DOCTYPE html>
<html>
<body>
   <h2>Demo Heading</h2>
   <p>This is a demo line.</p>
   <button type="button" autofocus >Demo</button>
</body>
</html>

输出

这将产生以下输出，显示焦点在按钮 1 上 −

在以上示例中，我们为按钮元素设置了 autofocus 属性 −

<button type="button" autofocus >
   Demo
</button>

现在，当页面加载时，焦点将放在按钮本身上，并且访客将在网页上看到这一点。

更新时间： 29-6 月 2020

222 次浏览

开启你的 职业生涯

完成课程认证

入门
广告