Question

据我所知，jquery mobile对它的小部件做出了响应，但这是我已经忍受了几天如何解决它的问题，

每个表单输入我希望它在左侧有一个图像，在右边有一个输入字段，如我在这个小提琴中看到的那样

代码：

<form id="signUpForm">
<div>
    <div class="ui-field-contain">
        <label for="input-fullName">
            <img src="simages/User-Role-Administrator-icon.png" id="user">
        </label>
        <input class="form-contact" type="text" name="input-fullName" id="input-fullName" value="" placeholder="Full Name">
    </div>
</div>
</form>

如果你最小化它，它将很好地调整大小，直到你调整它很小你可以看到输入字段将在图像下。我现在只是在使用jquery mobile css，这让我有一个问题让我继续为我的应用做这个。有人可以帮帮我吗？

Answer 1

这是一个工作小提琴，他们在同一条线上：http://jsfiddle.net/L4q7C/3/

<强> HTML：

<form id="signUpForm"> 
    <fieldset class="ui-grid-a">
        <div class="ui-block-a"><img src="simages/User-Role-Administrator-icon.png" id="user"/></div>
        <div class="ui-block-b"><input class="form-contact" type="text" name="input-fullName" id="input-fullName" value="" placeholder="Full Name"/> </div>    
    </fieldset>
</form>

如果我最小化浏览器太小，jquery移动表单输入字段奇怪地调整大小

1 个答案: