如何将HTML <FORM>显示为内联元素？

Question

这可能是一个基本的html/css问题......

我有一个简单的单键式表单,我想在段落文本中内嵌显示.

<p>Read this sentence 
     <form style='display:inline;'>
     <input style='display:inline;' 
            type='submit' 
            value='or push this button'/>
     </form>.
</p>

即使form有style = display:inline属性,我在表单之前得到一个换行符.有办法摆脱它吗？

里面可以形成元素<p>吗？

Answer 1

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

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

Answer 2

<form>在里面<p>,不能.当浏览器<p>触及开始<form>标记时,浏览器将突然关闭元素,因为它试图处理它认为是未封闭的段落元素:

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

Answer 3

你可以试试这段代码:

<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>标记中的css样式属性.

display:inline!important;

Answer 4

据HTML规格都<form>和<p>是块元素,你不能嵌套的.也许更换<p>搭配<span>对你有用吗？

编辑:抱歉.我的措辞很快.该<p>元素不允许任何块内容 - 由HTML规范指定段落.