HTML表单必需的属性在iOS iPad上不起作用

Question

我有一个带有2个文本输入和2个select下拉列表的html表单。

我想要这样，如果有人输入文本输入并按Enter / Return键，则表单不会自动提交，而是将光标移至下一个字段。

建议我在input和select上使用“ required”一词。这在台式机和Windows平板电脑上具有理想的效果，但是在iPad上却没有效果而是在按下Enter / Enter键后立即提交表单。

我需要其他东西才能使此功能在iOS上运行吗？

注意-仅“姓名”，“访问”和“徽章编号”字段为必填字段。 “公司”可以保留为空白，但是我仍然需要它，因此，如果有人在该字段中键入内容，则按Enter键就不会提交该表单。

我已经给出了HTML并注释了字段的位置-抱歉，因为我选择的下拉列表包含PHP，显然不会显示在列表中。

<form action="/visitor/visitor-book-sign-in" method="post" autocomplete="off">
    <div class="row" align="center">

        <div class="column left">
        
            <!-- MANDATORY FIELD - CANNOT BE LEFT BLANK -->
            <label for="name">Name<span class="err"></span></label><br>
            <input id="name" type="text" name="name" required=""><br>

            <!-- MANDATORY FIELD - CANNOT BE LEFT BLANK -->
            <label for="visiting">Visiting</label><br>
            <select id="visiting" name="Visiting" onchange="checkValue()" style="margin-bottom: 0;" required="">
                <option value="" selected="selected"></option>
                <option value="Site-Visit">Site Visit</option>
                <?php
                if($rows === true) {
                    while ($rows = sqlsrv_fetch_array($search, SQLSRV_FETCH_ASSOC)) {
                        ?>
                        <option value="<?php echo $rows['fullname']; ?>"><?php echo $rows['fullname']; ?></option>
                        <?php
                    }
                }
                ?>
                <option>Other (type name here)</option>
            </select>
            <input type="text" style="margin-bottom: 0; display: none;" id="other" onchange="checkOther()" name="Visiting-Other"/>

        </div>


        <div class="column right">

            <!-- CAN BE LEFT BLANK IF WISHED -->
            <label for="company">Company</label><br>
            <input id="company" type="text" name="company"><br>


            <!-- MANDATORY FIELD - CANNOT BE LEFT BLANK -->
            <label for="badge">Badge Number</label><br>
            <select id="badge" name="badge" required="">
                <option value=""></option>
                <?php
				foreach( $badges as $badge ) {
                    echo "<option value=" . $badge . ">" . $badge . "</option>";
                }
                ?>

            </select>
        </div>
    </div>



    <div align="center">
        <a href="/visitor/visitor-book-home-page/<?php echo $location; ?>"><button class="back-btn2" type="button">Back</button></a>
        <input class="sign-in-btn2" type="submit" value="Sign In">
        <input type="hidden" name="submitted" value="TRUE">
		<input type="hidden" name="location" value="<?php echo $location; ?>">
    </div>


</form>