在html中内联显示菜单列表

如何显示下面的“选择列表”内联。 目前，这些列表只是一个接一个地叠加在一起

       <div id="menuBar">



        <form>
            <select ng-model="selectOperation">
                <option value="showtable">View table data</option>
                <option value="inserttable">Insert table data</option>
            </select>
            <input type="submit" value="Submit">
        </form>

        <form ng-submit="formSubmit()">
                <select ng-model="textbox">
                    <option value="emp">EMP</option>
                    <option value="dept">DEPT</option>
                    <option value="bonus">BONUS</option>
                    <option value="salgrade">SALGRADE</option>
                </select>
                <input type="submit" value="OK">
        </form>

        </div>

查看表数据
插入表数据
电磁脉冲
部
奖金
萨尔格拉德

这里的例子

添加：

form {
  display: inline-block;
}

到你的css。或者，如果您希望仅针对此表单，请使用：

#menuBar form {
  display: inline-block;
}

您的原始代码很接近，您只需将表单元素作为目标，而不是整个表单。

添加：

form {
  display: inline-block;
}

到你的css。或者，如果您希望仅针对此表单，请使用：

#menuBar form {
  display: inline-block;
}

您的原始代码很接近，您只需将表单元素作为目标，而不是整个表单。

如果您指的是实际的

元素。.您不能内联显示

选项。你需要一个JS替换。如果你指的是实际的
元素..你不能内联显示
选项。您将需要一个JS替换。