html - 输入类型文本中的选项卡

Question

我需要创建如图所示的搜索表单，但我不知道如何将带下拉列表的选项卡放入内部。目前我有这样一段代码

<form action="" class="search-form">
   <input type="text" class="form-control empty" id="iconified" placeholder="&#xF002;"/>
</form>

Answer 1

你可以这样做，但你需要按照你不想要的方式设计它。

我添加了一个 <select>标签和一个 <input type="submit" value="Search">按钮

<form action="" class="search-form">
     <input type="text" class="form-control empty" id="iconified" placeholder="&#xF002;"/>
     <select name="" id="">
       <option value="">Option 1</option>
       <option value="">Option 2</option>
       <option value="">Option 3</option>
       <option value="">Option 4</option>
     </select>
     <input type="submit" value="Search">
 </form>