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