带输入框的下拉菜单

Question

如何使用css和html制作带有输入框的下拉选项。就像这张link图片一样？https://i.stack.imgur.com/W6SEN.jpg

Answer 1

根据需要修改

<!DOCTYPE html>
    <html lang="en">
    <body>
     <h2>This is what you want </h2>
      <center>
    <select style="height: 36px; border-right: 4px solid; width: 55px; background: transparent;">
    <option value="India">+91</option>
    <option value="India">+92</option>
    <option value="India">+93</option>
    <option value="India">+94</option>
    <option value="India">+01</option>
    </select>
    <input type="text" style="height: 30px; margin-left: -4px; padding-left: 5px;">
    </center>

    </body>
    </html>

带输入框的下拉菜单

Drop down menu with input box

input

drop-down-menu

box