移動選擇不會聚焦

Question

在移動設備上，每次填寫字段時，都會按下 Enter 鍵。 這反過來又關注下一個元素。 不幸的是，它適用於除選擇之外的所有內容。 它將完全跳過選擇控件並轉到輸入。

此處找到的示例https://jsfiddle.net/dv5zbtn6/3/

 <form method="POST" class="rsvp-form js-form" id="rsvp-form" action="php/rsvp.php"> <div class="d-md-flex justify-content-between"> <div class="rsvp-form__left"> <div class="rsvp-form-field"> <input type="text" name="fullname" placeholder="Full Name" required> </div> <div class="rsvp-form-field"> <input type="email" name="email" placeholder="Your E-mail" class="js-email" required /> </div> <div class="rsvp-form-field"> <input type="text" name="guests" placeholder="Will you be bringing a plus one?" required> </div> <div class="rsvp-form-field"> <select name="attending" required tabindex="1"> <option value="" disabled selected>When we say 'I do', will we be seeing you?</option> <option value="Yes, wouldn't miss it for the world!"></option> <option value="No, will celebrate from afar!"></option> <option value="ceremony">Ceremony</option> <option value="party">Dinner & Party</option> </select> </div> </div> <div class="rsvp-form__right"> <div class="rsvp-form-field h-100"> <textarea rows="4" placeholder="Your Message" class="h-100" name="message"></textarea> </div> </div> </div> <button type="submit" class="rsvp-form-submit js-submit"> <span>Send</span> </button> </form>

我嘗試設置 tabindex 但不幸的是沒有奏效。 任何提示或建議將不勝感激。

Answer 1

看看這里的最佳答案。 這種行為本身並不是一個錯誤。 只是移動設備上的 Next/Enter 按鈕與鍵盤上的 Tab 按鈕不同。 移動設備上的 Enter 按鈕專門搜索下一個可鍵入的輸入字段，而不是下一個可聚焦的輸入字段。