如何自动聚焦到表单的某个input标签(autofocus)

  • 我们可以让表单显示出来的时候即聚焦于某个 input 元素,这样用户就能直接在其中输入数据而不必先动手选择它
  • 要实现这种效果,我们需要用到 input 标签的 autofocus 属性

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>autofocustitle>
head>
<body>
    <form action="#">
        <p>
            <input type="text" autofocus>
        p>
        <p>
            <input type="text">
        p>
    form>
body>
html>

效果图如下:
如何自动聚焦到表单的某个input标签(autofocus)_第1张图片

  • 实测如果两个 input 标签都使用了 autofocus 属性,在谷歌浏览器中,鼠标仍会聚焦于第一个 input 标签

你可能感兴趣的:(前端)