主页 / 问题 / 1565016
Accepted
Pavel
Asked:2024-02-06 19:18:39 +0000 UTC2024-02-06 19:18:39 +0000 UTC

如何在不点击输入的情况下立即激活输入？

  • 772

我需要输入始终处于活动状态。我添加了自动对焦属性，但输入仅在单击时激活。我会很高兴得到任何提示！

<!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег input, атрибут autofocus</title>
 </head>
 <body>
  <form action="handler.php">
   <p>Поиск по сайту</p>
   <p><input type="search" name="s" >
   <input autofocus type="submit" value="Искать"></p>
  </form>
 </body>
</html>

html

2 个回答

  1. Best Answer

    const input = document.querySelector('input[name="s"]')
setTimeout(_ => input.focus(), 0)
    <!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег input, атрибут autofocus</title>
 </head>
 <body>
  <form action="handler.php">
   <p>Поиск по сайту</p>
   <p><input type="search" name="s" >
   <input autofocus type="submit" value="Искать"></p>
  </form>
 </body>
</html>

    • 3 

  2. <!DOCTYPE html>
<html>
 <head>
  <meta charset="utf-8">
  <title>Тег input, атрибут autofocus</title>
 </head>
 <body onload="document.form1.field1.focus();">
  <form action="handler.php" name="form1">
   <p>Поиск по сайту</p>
   <p><input autofocus type="search" name="field1" >
   <input  type="submit" value="Искать"></p>
  </form>
 </body>
</html>

    • 3

相关问题