我正在为需要移动友好的客户设置调查问卷。
当表单被提交/验证,并且没有回答问题时,它会滚动到第一个无效字段 - 无论是文本输入还是单选输入。这仅适用于桌面浏览器和 Android。
在 iOS Safari/Chrome 上,文本输入按原样工作,就像在桌面浏览器和 Android 上一样。
但是对于无线电输入,它侧重于尚未回答的问题并显示验证错误消息,但如果它不在当前显示中,则不会向上滚动到聚焦的问题。
这个问题已被问到,但从未得到回答。有解决方法吗?
<form name="myForm" id="myForm"method="post">
<div class="form-row" id="info">
<div class="col-md-3 mb-3">
<label for="name">Name</label>
<input type="text" class="form-control" id="name" placeholder="Name" value="Tony Stark" required>
</div> <!-- NAME -->
<div class="col-md-3 mb-3">
<label for="company">Company</label>
<input type="text" class="form-control" id="company" placeholder="Company" value="Stark Industries">
</div> <!-- COMPANY -->
<div class="col-md-3 mb-3">
<label for="address">Address</label>
<input type="text" class="form-control" id="address" placeholder="Address" value="10880 Malibu Point" required>
</div> <!-- ADDRESS -->
<div class="col-md-3 mb-3">
<label for="address2">Apt / Suite / Other …Run Code Online (Sandbox Code Playgroud)