我正在尝试创建一个HTML5表单,其中控件的样式如下所示:

enter image description here

选择列表自动调整大小到标签的宽度,输入字段跨越以填充容器div的剩余空间 .

我可以使用bootstrap v3.3.6 btn和dropdown-menu类来复制这种外观和行为 . 由于我需要将数据发布到REST服务,因此我尝试使用HTML5 select和bootstrap表单控件类,但结果不太理想:

enter image description here

我找不到向列表添加标签的方法,并且输入字段不会缩放到div的其余部分 .

我创建了一个演示这两种风格的Bootply:http://www.codeply.com/go/bp/XWkY3FZYR5

有没有办法在下拉菜单选择后发布?

or

有没有人知道如何使用HTML表单选择实现相同的下拉菜单外观?