在同一行中显示2个输入
可以通过使用HTML的表单元素来实现。常见的表单元素有文本框（input type="text"）、密码框（input type="password"）、复选框（input type="checkbox"）、单选框（input type="radio"）、下拉列表（select）等。
要在同一行中显示2个输入，可以使用行内元素或者CSS样式来控制元素的布局。以下是两种常见的实现方式：
- 使用行内元素：
<label for="input1">输入1：</label>
<input type="text" id="input1" name="input1" style="display: inline-block;">
<label for="input2">输入2：</label>
<input type="text" id="input2" name="input2" style="display: inline-block;">上述代码中，使用label元素来标识输入框的名称，通过设置display: inline-block;样式将输入框显示在同一行。
- 使用CSS样式：
<style>
.input-container {
display: flex;
}
.input-container input {
margin-right: 10px;
}
</style>
<div class="input-container">
<label for="input1">输入1：</label>
<input type="text" id="input1" name="input1">
<label for="input2">输入2：</label>
<input type="text" id="input2" name="input2">
</div>上述代码中，使用一个div容器包裹输入框和标签，并设置容器的样式为display: flex;，使其内部元素水平排列。通过设置输入框的margin-right属性来控制输入框之间的间距。
以上是两种常见的方式，可以根据实际需求选择适合的方式来实现在同一行中显示2个输入。
相关·内容
1回答
在同一行中显示2个输入
、、、、
div> <mat-error>Required</mat-error>
</mat-form-field> 显示如下我想把所有的项目放在一行中，我尝试了显示块，内联块，但没有像预期的那样工作。
浏览 28提问于2021-09-27得票数 0
2回答
我希望第二行是foo而不是command not found-bash: foo: command not foundbac$
为什么第二行不写foo？
浏览 2提问于2016-07-22得票数 10
回答已采纳
我在表格的每一行都有h:inputText，h:selectOneMenu。我也有删除按钮在每一行的末尾。单击delete按钮，相应的行将被删除。当我删除一行时，表格中显示的行数减少了一行，但数据仍然显示在旧行中。对以下示例进行条件分析：Text1 comboxBox1 delete1Text3
浏览 0提问于2011-07-09得票数 0
回答已采纳
我使用这个来收集输入并显示输入，但当我这样做时，"something“文本将显示在新行中，但我希望文本显示在同一行中，您有什么想法吗？
浏览 0提问于2011-11-17得票数 3
回答已采纳
1回答
我有一个带有标签和输入框的html标记。但是，出于业务原因，我需要在同一行上显示标签和输入框，并隐藏占位符文本。最终结果应该看起来像是占位符文本停留在那里。示例如下：<!height: 1px; font-size:0pt; }
正如您在jsfiddle中看到的，label和input显示在单独的行中我希望标签和<
浏览 0提问于2012-06-26得票数 7
回答已采纳
1回答
我有一个数组，用户可以固定数组length.But，我想在单行中输入数组值。当用户在数组中添加更多的cahrecter时，长度就会显示出边界。假设char[] values = new char[len];abc
我希望使用数组大小输入同一<e
浏览 7提问于2022-04-06得票数 -2
value="Y"><div class="span1">
然而，这会把标签放在单选按钮下面.如何在保持标签的同时，将它们放在同一水平上
浏览 1提问于2014-08-04得票数 1
回答已采纳
7回答
<p>Username : </p></div>
这将显示下一行中的输入框，如何在同一行中显示p标记和输入框？
浏览 6提问于2016-11-01得票数 0
回答已采纳
我想显示同一页上的所有行，所以我只输入了9999999行的数字。现在，我得到了这个错误:致命错误:在第2827行的C:\xampp\phpMyAdmin\libraries\DisplayResults.class.php中，最大执行时间超过30秒，您可以在不输入页面的情况下设置要加载的行数吗
浏览 1提问于2014-06-01得票数 0
回答已采纳
下面的公式适用于2行(以及第2行中包含文本的所有以下列) =ArrayFormula(IF(COLUMN(2:2)=1,"TOTAL",IF(LEN(2:2)>0,A3:3+A4:4,"")))我想设置一个公式，我不需
浏览 0提问于2022-01-07得票数 0
回答已采纳
CheckBoxList ID="CheckBoxList1" runat="server" RepeatDirection="Horizontal" >并在我的函数中添加
浏览 6提问于2014-03-10得票数 0
回答已采纳
1回答
在我的表格中有一个输入日期： or<%= link_to " Skip this step", next_wizard_path%>我的问题是，日、月、年的输入并不是同一
浏览 1提问于2015-02-27得票数 0
回答已采纳
8回答
我正在努力让两个html表单输入(名字和姓氏)并排出现在同一行上。我尝试过使用float，但这似乎使其余的输入无处不在。
浏览 366提问于2013-08-28得票数 32
回答已采纳
2回答
pdfc.open()"><i class="glyphicon glyphicon-calendar"></i></button> </div>该按钮在新行中显示是否有一种方法可以像在<input />中一样在中显示该按钮
浏览 1提问于2015-07-21得票数 1
回答已采纳
我希望在表格单元格中的同一行上有一个标签和一个输入。表和单元格有固定的宽度，因此，我认为，单元格内的布局将与窗口宽度无关。但是，如果我使用中的代码并使结果窗口变窄，标签和输入将显示在不同的行上，如果我使结果窗口宽，它们将显示在同一行上。这似乎很奇怪，因为当我更改结果窗口的大小时，单元格宽度不会改变。对于正在发生的事情以及如何在同一</em
浏览 1提问于2015-02-18得票数 1
回答已采纳
1回答
我在drupal 8中创建了我的第一个webform，但是，我发现一些字段，如“电话”、“电子邮件”，都是在同一行上显示字段名和文本字段。但是，对于文本字段，如“名称”和“主题”(也是文本字段)，字段名和文本字段显示在不同的行中。
我还没有在这四个领域做过任何设置。我想问一下，我是否可以做一些设置，使textfield总是在字段名下？
浏览 0提问于2020-05-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
