Как установить флажок в первом поле ввода?

Как можно сделать так, чтобы при загрузке страницы первое поле ввода активировалось при помощи JavaScript для каждой формы?
  • 19 января 2024 г. 19:48
Ответы на вопрос 2
Чтобы установить флажок (фокус) в первом поле ввода в форме на странице, вы можете использовать JavaScript для автоматической установки фокуса при загрузке страницы. Вот пример того, как это можно сделать:

HTML:
```html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script>
window.onload = function() {
  // Найти все формы на странице
  var forms = document.querySelectorAll('form');
  forms.forEach(function(form) {
    // Найти первый элемент ввода в каждой форме
    var firstInput = form.querySelector('input');
    // Установить фокус на этот элемент, если он существует
    if (firstInput) {
      firstInput.focus();
    }
  });
};
</script>
</head>
<body>

<form>
<input type="text" name="first">
<input type="text" name="second">
</form>

<form>
<input type="email" name="email">
<input type="password" name="password">
</form>

</body>
</html>
```

В приведенном выше примере, когда страница загружается, обработчик `window.onload` выполняет функцию, которая перебирает все формы на странице, находит первый элемент ввода в каждой форме и устанавливает фокус на этот элемент.

Обратите внимание, что `querySelector('input')` вернет первый элемент ввода (`input`), который он найдет в пределах каждой формы. Если вы хотите установить фокус на определенный тип поля (например, только на текстовые поля), вы можете изменить селектор соответствующим образом, используя, например, `'input[type="text"]'`.

Также, если вы хотите автоматически ставить фокус на первое поле ввода в первой форме при загрузке страницы, можно использовать следующий код:

```javascript
window.onload = function() {
  var firstInput = document.querySelector('form input');
  if (firstInput) {
    firstInput.focus();
  }
};
```

Этот код находит первое поле ввода в первой форме на странице и устанавливает на него фокус.
Написать checked в конце хтмл каждого инпута
Похожие вопросы