Html 想要在单行上加入输入标记和图标按钮吗

我尝试过各种排列，但我的结果总是将两个标记拆分到单独的行上。基本上我想要一个输入框，在它旁边，我想要一个+图标按钮（因此+不在输入框内，而是在右边连接）。我怀疑一些继承规则让我感到悲伤，因为有些示例是独立工作的，但在网格中失败了

注意，输入框和附加的加号按钮位于listview之外，这很好——输入框和加号放在一起很重要

有人能帮忙吗

尝试使用控制组：

<div class="ui-grid-a">
    <div class="ui-block-a">
        <div class='ui-body'>
            <ul id="base1" class='ui-corner-all' data-role='listview' data-inset='true'>
                <li data-role="controlgroup" data-type="horizontal">
                <input name="name2" id="name2" class="width100" type="text">
                <a href="#" class="ui-btn ui-btn-inline ui-icon-plus ui-btn-icon-notext">+</a>
                </li>
                <li data-role="list-divider">Available Groups</li>
            </ul>                                                    
        </div>
    </div>
    <div class="ui-block-b">something else</div>
</div>

可用组

别的

尝试使用fieldcontain

<div class="ui-grid-a">
    <div class="ui-block-a">
        <div class='ui-body'>
            <ul id="base1" class='ui-corner-all' data-role='listview' data-inset='true'>
                <li class="ui-field-contain">
                <input name="name2" id="name2" class="width100" type="text">
                <a href="#" class="ui-btn ui-btn-inline ui-icon-plus ui-btn-icon-notext">+</a>
                </li>
                <li data-role="list-divider">Available Groups</li>
            </ul>                                                    
        </div>
    </div>
    <div class="ui-block-b">something else</div>
</div>

可用组

别的

为什么布局会中断？要重新设置listview的样式，JQM将搜索固定定义的标记链，例如

片段：


/*为文本输入设置样式*/
.ui listview>li>a.ui-btn{
填充：0！重要；
}
.ui listview>li p{
边距：0！重要；
填充：0！重要；
}
.ui输入文本{
利润率：10px！重要；
}
/*jQM没有虚饰*/
.ui listview>li>a:first-child.ui-btn，
.ui listview>li>a:第一个子.ui btn:悬停，
.ui listview>li>a:第一个子.ui btn:焦点，
.ui listview>li>a:第一个子.ui btn:活动，
.ui listview>li>a:第一个孩子.ui btn:已访问{
盒影：无！重要；
游标：默认值；
背景色：rgb（246246246246）！重要；
}
/*加速一些android和iOS设备*/
* {
-webkit点击高亮颜色：rgba（0,0,0,0）！重要；
}

第一页

可用组













您所说的“输入框和附加的plus按钮位于listview之外我很好”是什么意思？在代码中，它们位于listview中。可能您只需要在listview项目中设置一个输入框，因为listview的右侧可能已经有按钮，请参见此处：带有拆分图标的listview很简单。这个问题特别询问了一个侧面有一个按钮连接的输入标签。在controlgroup和fieldcontain下的jquery移动网站上有一些例子，但请尽我所能，当我将输入和按钮放在网格中时，会在它们之间插入回车符。如果输入标记位于
列表视图之外，我会很高兴地接受带有相邻按钮的输入标记，但是我更喜欢将输入标记和按钮放在一行中，在列表项
内。这看起来很棒，感谢最后的性能提示。我将在接下来的几天里旅行，所以我可能会在一周内带着一个后续问题回来——但现在，你上面写的内容正是我想要的，并且足够清晰，让我能够理解（我想）。干杯