.next (). focus () не работает, когда каждый элемент находится на новой строке

Question

element.next (). Focus (); не будет работать, если элементы похожи на:

<input name="first" /><br />
<input name="second" /><br />
<input name="third" /><br />

Но будет, если они похожи на

<input name="first" />
<input name="second" />
<input name="third" />

Означает, что это работает, только если все элементы - одна одна строка Как решить эта проблема?

Answer 1

element.next() возвращает следующего брата DOM, а не следующий элемент формы. Это означает, что если у вас есть <br> рядом с вашим элементом <input>, он вернет <br>, где .focus() не имеет смысла.

Вот и все.

Answer 2

Используйте это css

input{
position:relative; 
 display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom:10px;
}

для вертикальной установки по одному без тега <br>, затем используйте .next().focus()