mobilebone
Version:
Bone main for mobile web APP with a sigle page mode by using HTML5 history API router.
64 lines (61 loc) • 2.25 kB
HTML
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
<title>表单提交</title>
<link rel="stylesheet" href="../../src/mobilebone.css">
<link rel="stylesheet" href="../test.css">
<link rel="stylesheet" href="zxx.lib.css">
<style>
[name], .submit {
height: 40px; width: 100%; padding: 10px; box-sizing: border-box; font-size: 100%;
}
[type=radio], [type=checkbox] {
width: auto; height: auto;
}
p {
word-break: break-all;
}
</style>
</head>
<body>
<div id="pageHome" class="page out">
<ul>
<li class="pl10 pr10">
<form method="get" action="search.html">
<p><select name="city" required>
<option value="1">上海</option>
<option value="1">北京</option>
</select></p>
<p><textarea name="mark">标注内容</textarea></p>
<p>
<input type="radio" name="radio" value="1"><label class="mr20">单选1</label>
<input type="radio" name="radio" value="2"><label>单选2</label>
</p>
<p>
<input type="checkbox" name="check" value="1"><label class="mr20">复选1</label>
<input type="checkbox" name="check" value="2" checked><label class="mr20">复选2</label>
<input type="checkbox" name="check" value="3" checked><label class="mr20">复选3</label>
<input type="checkbox" name="check" value="4"><label class="mr20">复选4</label>
</p>
<p><input type="search" class="search mr10" name="key" required></p>
<p><input type="submit" class="submit" value="搜索"></p>
</form>
</li>
</ul>
<ul>
<li><a href="form.html">点击动态加载一个表单</a></li>
</ul>
<ul>
<li><a href="../index.html" data-ajax="false">« 返回测试引导首页</a></li>
</ul>
</div>
<script src="../../src/mobilebone.js"></script>
<script>
showParams = function (eleIn, eleOut, params) {
document.querySelector('#result').innerHTML = '参数是：' + JSON.stringify(params.query);
};
</script>
</body>
</html>