在移动设备上加载外部表格

Question

我在表单中加载一个div，该表单在桌面上加载，但在移动设备上加载时跳出表单标记。这是代码：

    <div class="small-12 medium-5 large-3 columns end">
            <form id="video-filter" class="video-filter" method="post">
                <h2>Filter by</h2>
                <div class="select-videospage">
                    <label for="sort" class="select-wrapper select-dark select-dark--videos">
                        <select name="filterby">
                            <option value="new">Most recent</option>
                            <option value="views">Most viewed</option>
                            <option value="likes">Most liked</option>
                        </select>
                    </label>
                    <label for="sort" class="select-wrapper select-dark--time">
                        <select name="time">
                            <option value="all">All</option>
                            <option value="week">Weekly</option>
                            <option value="month">Monthly</option>
                            <option value="year">Yearly</option>
                        </select>
                    </label>
                </div>
                <div class="video-filter__choosen">
                    <ul>
                        <!-- checkbox values will be appended here -->
                    </ul>
                    <button id="clear">Clear all</button>
                </div>
            </form>
        </div>

在表单之外加载的div是＆＃34; select-videospage＆＃34;。我无法弄清楚为什么模板会在两者上加载不同。