<div id="page_1" class="page out" data-title="页面1">
	<h4>表单</h4>
	<abbr id="C6AABD36C1A000016ABC1BFFBC731274" data-type="Form"></abbr>
	<abbr id="C6AABD36C1A000016ABC1BFFBC731275" data-type="FInputText"></abbr>
	<abbr id="C6AABD36C1A000016ABC1BFFBC731276" data-type="FSelect"></abbr>
	<a href="javascript:;" onclick="getInfo()">获取输入的信息</a>
</div>
<style>
.page{ background-color: #fff; }
h4 { margin: 10px; }
a {
    display: block;
    padding: 5px 16px;
    color: #108ee9;
    text-decoration: underline;
}
.layui-m-layercont {text-align: left;}
</style>
<script>
function getInfo(){
	var info = "姓名：" + $f("name").val();
	info += "</br>";
	info += "性别：" + $f("sex").text();
	info += "   (真实值："+$f("sex").val()+")";
	Mobile_NS.alert(info);
}

/** 
 * 以下代码为页面插件的初始化，demo效果所需，无需关注
**/
require(["main_demo"], function () {
	require(["Form", "FInputText", "FSelect"], function (Form, FInputText, FSelect) {
	new Form({
		el: "C6AABD36C1A000016ABC1BFFBC731274",
        option: {}
	}).render();
	
    new FInputText({
    	form: "C6AABD36C1A000016ABC1BFFBC731274",
        el: "C6AABD36C1A000016ABC1BFFBC731275",
        option: {
			field : {
				label : "姓名",
				name : "name",
				type : "text" 
			},
			placeholder : "请输入姓名..."
		}
    }).render();
    
    new FSelect({
    	form: "C6AABD36C1A000016ABC1BFFBC731274",
		el: "C6AABD36C1A000016ABC1BFFBC731276",
        option: {
        	field : {
				label : "性别",
				name : "sex"
			},
			items:[
				{"name": "", "value": ""},
				{"name": "男", "value": "1"},
				{"name": "女", "value": "2"}
			]
        }
	}).render();
});
});
</script>