如何将html<form>显示为内联元素?

将表单标记移到段落外,并将页边距/填充设置为零:

<form style="margin: 0; padding: 0;">
  <p>
    Read this sentence 
    <input style="display: inline;" type="submit" value="or push this button" />
  </p>
</form>

<form> 不能进去 <p> ,不。浏览器将突然关闭您的 <P & GT; 元素击中开口时 <形式& gt; 当它试图处理它认为是未关闭的段落元素时进行标记:

<p>Read this sentence 
 </p><form style='display:inline;'>

您可以尝试以下代码:

<form action="#" method="get" id="login" style=" display:inline!important;">

  <label for='User'>User:</label> 
  <input type='text' name='User' id='User'>

  <label for='password'>Password:</label><input type='password' name='password' id='password'>
  <input type="submit" name="log" id="log" class="botton" value="Login" />

</form> 

需要注意的是 <form> 标签。

display:inline!important;

根据 HTML spec 二者都 <form> 和 <p> 是块元素,不能嵌套它们。也许可以替换 <P & GT; 具有 <span> 会为你工作吗?

编辑: 对不起的。我的措辞很快。这个 <P & GT; 元素不允许-内有任何块内容,由指定 HTML spec for paragraphs .

我认为,只要在段落中包含提交按钮,您就可以完成您想要的工作:

     <pre>
     <p>Read this sentence  <input  type='submit' value='or push this button'/></p>
     </pre>   

只需使用样式 float: left 这样:

<p style="float: left"> Lorem Ipsum </p> 
<form style="float: left">
   <input  type='submit'/>
</form>
<p style="float: left"> Lorem Ipsum </p>