forms - 搜索框旁边的浮动/对齐响应表单按钮

Question

我正在开发一个新模板，并让我的搜索表单完全按照我想要的方式跨设备显示，左侧的搜索框和右侧浮动的按钮。不幸的是，这会导致验证错误，因为表单在 div 中是分开的。

我一直在尝试不同的方法来解决这个问题，包括 display:inline、span 等，但我不知所措。当我将它从 div 中取出时，它只会堆叠而不是显示在搜索框旁边的按钮，而它应该只堆叠在 480 像素或更小的屏幕上。我觉得我在这里遗漏了一些明显的东西。任何帮助，将不胜感激。

标签： formsbuttonresponsiveinline

Answer 1

感谢W3Schools Inline Form 教程，终于弄明白了