选择粘贴到输入元素HTML的元素

Question

我想让一个选择元素粘贴到html中的输入元素，类似于带有Bootstrap下拉列表的按钮，除了我不想要执行某个操作，我只想选择一个选项。 我能做到这一点的唯一方法是将输入框放在select元素旁边：

<select id="types" name = "Type" style="height: 26px;">
    <option value="Ta" selected="selected">Ta</option>
    <option value="Fa">Fa</option>
    <option value="Na">Na</option>
</select>


<input id="positions" style="position:absolute; top:200px; left:755px" type="text" id="txtSelectedType" name="SelectedType" value="" />

它看起来像这样：

Answer 1

@AlFra：是的，它需要造型，对我有用的东西是这样的：

<div style="float:left;margin-left:10px;">
<label for="outref" style="color:white" id="label5">Out Ref</label>
  <select id="outref" name = "outref" style="height: 26px;color:black;font-weight: 500;">
              <option value="Fa" selected="selected" >Fa</option>
              <option value="Na" >Na</option>
              <option value="Ta" >Ta</option>
  </select>
</div>

<div style="float:left;">
          <label for="out" style="color:white">&nbsp;</label>
          <input type = "text" id = "out" name = "out"  style="overflow: hidden; width: 40px;">
</div>

和CSS：

input, label {
    display:block;
}
select, label {
    display:block;
}