<link rel="stylesheet" href="/js/jquery.mobile-1.3.2.min.css">
<script src="/js/jquery-1.8.3.min.js"></script>
<script src="/js/jquery.mobile-1.3.2.min.js"></script>
<div data-role="content">
<form method="post" action="/example/demo_post.aspx">
<div data-role="fieldcontain">
<label for="lname">姓：</label>
<input type="text" name="lname" id="lname">
<label for="fname">名：</label>
<input type="text" name="fname" id="fname">
<input type="submit" data-inline="true" value="提交">
<p>fieldcontain 属性基于页面宽度来设置 label 和表单控件的样式。当页面宽度大于 480px 时，它会自动将 label 与表单控件放置于同一行。当小于 480px 时，label 会被放置于表单元素之上。</p>