html - 如何使用列表显示水平表单提交按钮

Question

  <ul style="list-style-type:none;">
            <form name="frm1" action="" style="display:inline">
                <li>
                    <input type="text" name="xxx">
                </li>
                <li>

                    <input type="submit" name="btn_submit" value="Submit">

                </li>
            </form>

            <li>
                <form name="frm2" action="" style="display:inline" >
                    <input type="submit" name="btn_reset" value="Reset">
                </form>
            </li>
  </ul>

我想让两个按钮水平显示。我正在尝试使用列表而不是表格。我应该怎么做才能使按钮显示在同一行上，但作为两个表单的提交按钮。

Answer 1

您可以在 li 上使用 display:inline;

演示 jsfiddle