在HTML中，如果我们希望将输入元素与其标签放在同一行上，有以下几种方法：

1. 使用display: inline-block或display: inline样式：

<label for="input1" style="display: inline-block;">标签名称</label>
<input type="text" id="input1" style="display: inline-block;">

或者：

<label for="input2" style="display: inline;">标签名称</label>
<input type="text" id="input2" style="display: inline;">

2. 使用float样式：

<label for="input3" style="float: left;">标签名称</label>
<input type="text" id="input3" style="float: left;">

3. 使用flexbox布局：

<div style="display: flex;">
  <label for="input4">标签名称</label>
  <input type="text" id="input4">
</div>

以上方法中，第一种方法使用display: inline-block或display: inline样式可以将标签名称和输入元素水平排列，但是它们也可以换行。第二种方法使用float样式可以将标签名称和输入元素紧密排列在一起，但是如果浏览器窗口太窄，它们可能会发生重叠。第三种方法使用flexbox布局更为灵活，可以实现许多复杂的布局，但是它需要更多的CSS代码。

总之，选择哪一种方法取决于具体的布局要求和个人喜好。