以下是一个简单的示例，演示了 <button> 元素的 autofocus 属性的使用：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Autofocus Button Example</title>
</head>
<body>
<form action="/submit" method="post">
<!-- 表单内容 -->
<label for="username">Username:</label>
<input type="text" id="username" name="username" required>
<br>
<label for="password">Password:</label>
<input type="password" id="password" name="password" required>
<br>
<button type="submit" autofocus>Submit</button>
</form>
</body>
</html>
在上述例子中，<button> 元素有一个 autofocus 属性，这意味着页面加载时该按钮将自动获得焦点。用户可以直接开始输入用户名和密码，而无需手动点击按钮。
请注意，autofocus 属性可以在页面中的多个元素上使用，但在同一表单中只能有一个元素具有自动焦点。如果存在多个带有 autofocus 的元素，浏览器通常会选择第一个可见的元素。
转载请注明出处：http://www.zyzy.cn/article/detail/3981/HTML