【jquery mobile笔记一】data-role="fieldcontain"

 <div data-role="fieldcontain"></div>

data-role="fieldcontain"使用在布局中，一般使用方法如下

<div data-role="fieldcontain">
       <label for="search">label </label>
        <input name="search" id="search" value="请输入电影名称..." type="search" />

</div>

如果屏幕足够宽，label和input会在一行上显示，如果屏幕不够宽，则会上下显示，lable在上，input在下。如下2图。

需要注意的是，当在一行上显示时，第一个元素会居左，第二个元素会居右，以此来更好的适应屏幕的宽度。