如何内联2个表单输入

Question

我在单个地平线上获取两个表单输入时遇到一些麻烦。 你可以在这里看到：Two Form Inputs

这是我的代码：

<form action="index.php" method="post">
			<div class="group" style="display: inline;">
			<input type="text" name="name" id="name" placeholder="Enter Username" style="width: 20%;"/>
			<textarea name="msg" id="msg" placeholder="Enter Message" style="width: 75%;"></textarea>
			</div>
			<div style="clear: both;"></div>
			<input type="submit" name="submit" id="sbtbtn" value="Send Message"/>
 		</form>

请让我知道如何将它们设置在一条水平线上。

Answer 1

<form action="index.php" method="post">
			<div class="group" style="display: flex;">
			<input type="text" name="name" id="name" placeholder="Enter Username" style="width: 20%;"/>
			<textarea name="msg" id="msg" placeholder="Enter Message" style="width: 75%;"></textarea>
			</div>
			<div style="clear: both;"></div>
			<input type="submit" name="submit" id="sbtbtn" value="Send Message"/>
 		</form>

Answer 2

尝试display: flex

使用.group

Answer 3

＆＃13;

＆＃13;

<form action="index.php" method="post">
			<div class="group" style="display:flex !important;">
			<input type="text" name="name" id="name" placeholder="Enter Username" style="width: 20%;"/>
			<textarea name="msg" id="msg" placeholder="Enter Message" style="width: 75%;"></textarea>
			</div>
			<div style="clear: both;"></div>
			<input type="submit" name="submit" id="sbtbtn" value="Send Message"/>
</form>

＆＃13;

＆＃13;

＆＃13;

＆＃13;

＆＃13;

<form action="index.php" method="post">
			<div class="group" style="display: inline;display:flex;">
			<input type="text" name="name" id="name" placeholder="Enter Username" style="width: 20%;"/>
			<textarea name="msg" id="msg" placeholder="Enter Message" style="width: 75%;"></textarea>
			</div>
			<div style="clear: both;"></div>
			<input type="submit" name="submit" id="sbtbtn" value="Send Message"/>
 		</form>

＆＃13;

＆＃13;

＆＃13;

Answer 4

我将输入类型从textarea更改为文本，这完成了我的工作。

＆＃13;

＆＃13;

<form action="index.php" method="post">
			<div class="group" style="display:flex;">
			<input type="text" name="name" id="name" placeholder="Enter Username" style="width: 20%;"/>
			<input type="text" name="msg" id="msg" placeholder="Enter Message" style="width: 80%;"/>
			</div>
			<div style="clear: both;"></div>
			<input type="submit" name="submit" id="sbtbtn" value="Send Message"/>
 		</form>

＆＃13;

＆＃13;

＆＃13;

感谢您帮助我。