如何使标签和文本框在同一行上

要使标签和文本框在同一行上，可以使用HTML和CSS来实现。

一种常见的方法是使用行内元素或浮动来布局。以下是一种实现方式：

HTML代码：

<div class="form-group">
  <label for="input-text" class="label">标签：</label>
  <input type="text" id="input-text" class="input-textbox">
</div>

CSS代码：

.form-group {
  display: inline-block;
}

.label {
  display: inline-block;
  width: 100px; /* 标签的宽度 */
}

.input-textbox {
  display: inline-block;
  width: 200px; /* 文本框的宽度 */
}

上述代码中，使用了一个包裹元素（<div class="form-group">）来包含标签和文本框，并设置其为display: inline-block;，使其在同一行显示。

标签使用了display: inline-block;，并设置了一个固定的宽度（例如100px），可以根据实际需求进行调整。

文本框也使用了display: inline-block;，并设置了一个固定的宽度（例如200px），同样可以根据实际需求进行调整。

通过以上的HTML和CSS代码，标签和文本框就可以在同一行上显示了。

腾讯云相关产品和产品介绍链接地址：

• 腾讯云官网：https://cloud.tencent.com/
• 云服务器（CVM）：https://cloud.tencent.com/product/cvm
• 云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
• 云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
• 人工智能平台（AI Lab）：https://cloud.tencent.com/product/ailab
• 物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iothub
• 移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
• 云存储（COS）：https://cloud.tencent.com/product/cos
• 区块链服务（BCS）：https://cloud.tencent.com/product/bcs
• 腾讯云元宇宙：https://cloud.tencent.com/solution/virtual-universe