提问者:小点点

格式化布局HTML


<br>

<center>
<form action="/submit" id="textform" method="post">
    <div>
        <textarea name="content" rows="4" cols="50" placeholder="Just write whatever you want to..."></textarea>
    </div>
    <br>
    <div>
        <input type="text" name="author" placeholder="Your name"> html
    </div>
    <div>
        <input type="submit" value="Post">
    </div>
</form>
</center>

预览

图像显示了输出的样子。 在“名称”框旁边,我想为其他信息添加更多的框。 每次我添加框时,它们都出现在下面,而不是旁边,就像我想要的那样。 我如何处理这个问题?


共2个答案

匿名用户

我认为您是在一个div元素中添加每个新框。 您应该将它们写在同一个div中,这样它们就会出现在同一行中。例如,尝试如下所示:

<br>
<center>
  <form action="/submit" id="textform" method="post">
   <div>
     <textarea name="content" rows="4" cols="50" placeholder="Just write whatever you want to..."></textarea>
   </div>
   <br>
   <div>
     <input type="text" name="author" placeholder="Your name">
     <input type="text" name="email" placeholder="Your email">
     <input type="text" name="email" placeholder="Your email">
   </div>
   <div>
     <input type="submit" value="Post">
   </div>
  </form>
</center>

匿名用户

如果我没听错的话,你可以试试这个:

<div>
    <input type="text" name="first" placeholder="Your first name"> 
    <input type="text" name="second" placeholder="Your last name">
</div>

相关问题