小编Mar*_*ina的帖子

iOS Safari/Chrome 不会向上滚动以在无线电输入上显示验证错误消息

我正在为需要移动友好的客户设置调查问卷。

当表单被提交/验证,并且没有回答问题时,它会滚动到第一个无效字段 - 无论是文本输入还是单选输入。这仅适用于桌面浏览器和 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)

html iphone mobile-safari radio-button ios

9
推荐指数
1
解决办法
574
查看次数

标签 统计

html ×1

ios ×1

iphone ×1

mobile-safari ×1

radio-button ×1