HTMLautofocus 属性


<input> 元素的 autofocus 属性用于指定哪个 <input> 在网页加载时获取焦点。此属性在 HTML5 中引入。

以下为语法 −

<input autofocus>

现在我们来看一个示例,以便实现 <input> 元素的 autofocus 属性 −

示例

 动态演示

<!DOCTYPE html>
<html>
<body>
<h2>Log in to your account</h2>
<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>
</body>
</html>

输出

在上面的示例中,我们创建了一个表单 −

<form action="" method="get">
   Id: <input type="text" name="id"><br>
   Password: <input type="password" name="pwd"><br>
   DOB: <input type="date" name="dob" autofocus><br>
   <button type="submit" value="Submit">Submit</button>
</form>

我们已将 autofocus 设置为第三个输入,如下所示:DOB,因此光标在该处可见 −

DOB: <input type="date" name="dob" autofocus><br>

更新于: 2020 年 6 月 29 日

77 次浏览

启动你的 职业生涯

通过完成课程进行认证

开始
广告