Как сделать, чтобы инпут был сразу активным без клика на него?

Question

Мне нужно, чтобы инпут был все время активным. Я добавил атрибут autofocus, но инпут активизируется только при клике. Буду рад любой подсказке!

<!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>

Answer 1

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>

Answer 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>

БЛОГ НА HUSL

Как сделать, чтобы инпут был сразу активным без клика на него?

Ответы (2 шт):