下面是使用jQuery Mobile创建Fieldcontain Slider的攻略：
步骤一：引入jQuery Mobile库和必要的CSS文件
首先要在网页中引入jQuery Mobile库和必要的CSS文件，在head标签中加入如下代码：
<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
步骤二：创建Fieldcontain容器
在网页中创建一个Fieldcontain容器，用于承载slider组件，代码如下：
<div data-role="fieldcontain">
<label for="slider">Slider:</label>
<input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true">
</div>
该代码中，我们创建了一个Fieldcontain容器，并在其中放置了一个slider组件。同时，我们使用data-role属性指定该容器的角色是一个Fieldcontain。
步骤三：设置slider组件的属性
可以通过设置slider组件的属性来自定义组件的样式和行为。示例如下：
<input type="range" name="slider" id="slider" value="50" min="0" max="100" data-highlight="true" data-track-theme="b" data-theme="a" data-popup-enabled="true">
该代码中，我们设置了slider组件在移动时显示的高亮条颜色，滑块颜色和背景颜色。同时，我们允许slider组件弹出提示框显示当前值。
示例一：水平slider组件
下面是一个水平的slider组件示例，代码如下：
<div data-role="fieldcontain">
<label for="slider-horizontal">水平Slider:</label>
<input type="range" name="slider-horizontal" id="slider-horizontal" value="50" min="0" max="100" data-highlight="true" data-track-theme="b" data-theme="a" data-popup-enabled="true">
</div>
在该示例中，我们使用了与之前相同的HTML结构，只是更改了id和for属性值，以获得不同的样式。这样，我们就可以得到一个与之前步骤中的垂直slider不同的水平slider组件。
示例二：拥有步长的slider组件
下面是一个拥有步长的slider组件示例，代码如下：
<div data-role="fieldcontain">
<label for="slider-step">步长为10的Slider:</label>
<input type="range" name="slider-step" id="slider-step" value="50" min="0" max="100" data-highlight="true" data-step="10" data-track-theme="b" data-theme="a" data-popup-enabled="true">
</div>
在该示例中，我们设置了slider组件在选择时的步长为10，也就是每次滑动slider时值的变化量为10。这样，我们就可以得到一个拥有步长的slider组件。
这就是使用jQuery Mobile创建Fieldcontain Slider的攻略，希望对你有所帮助。