Javascript 如何将标签、输入框和小搜索图像放在一行中?

Javascript 如何将标签、输入框和小搜索图像放在一行中?,javascript,jquery,html,jquery-mobile,Javascript,Jquery,Html,Jquery Mobile,我有使用query Mobile 1.4.4版开发移动页面的代码。但问题是我想把标签,输入框和一个小的搜索图像放在一行。标签和输入框正确地排在一行,但图像排在下一行。下面是我的代码 *国籍: 从输入字段中删除或减少内联style=“width:80%”。将float left设置为图像输入和标签 .national.ui将所有输入设置为角落{ 右填充:100px;/*图像宽度*/ } .国籍{ 位置:绝对位置; 右:0; 排名:0; z指数:1; } *国籍: 只需减小文本字段的宽度,并

我有使用query Mobile 1.4.4版开发移动页面的代码。但问题是我想把标签,输入框和一个小的搜索图像放在一行。标签和输入框正确地排在一行,但图像排在下一行。下面是我的代码


*国籍:

从输入字段中删除或减少内联
style=“width:80%”

将float left设置为图像输入和标签

.national.ui将所有输入设置为角落{
右填充:100px;/*图像宽度*/
}
.国籍{
位置:绝对位置;
右:0;
排名:0;
z指数:1;
}

*国籍:

只需减小文本字段的宽度,并相应地设置图像宽度。请尝试使用此代码-

<div data-role="fieldcontain">
    <label id="Nationalitylbl">*Nationality:</label>
    <input type="text" name="Nationality" id="Nationality" value="" style="width:40%" readonly/>
    <img src="%bind(:13)" width="200px" name="Ntlylkp" onclick="nationalityPopUp();"/>                  
</div>

*国籍:

您可以将所有三个元素放在一个表中的一行中。