mip-html-os 操作系统组件介绍

<mip-fixed type="gototop">

<mip-gototop></mip-gototop>

</mip-fixed>

<mip-fixed type="gototop">

<mip-gototop threshold='300'></mip-gototop>

</mip-fixed>

<mip-form method="post" url="//www.baidu.com">

<input type="input" name="username" validatetarget="username" validatetype="must" placeholder="姓名">

<div class="mip-form-target" target="username">姓名不能为空</div>

<input type="input" name="email" validatetarget="email" validatetype="email" placeholder="邮件">

<div class="mip-form-target" target="email">填写正确的email</div>

<input type="input" name="phone" validatetarget="phone" validatetype="phone" placeholder="电话">

<div class="mip-form-target" target="phone">填写正确的电话格式</div>

<input type="input" name="customnumber" validatetarget="custom" validatetype="custom" validatereg=^[0-9]*$ placeholder="我是自定义验证规则数字">

<div class="mip-form-target" target="custom">请输入正确的数字</div>

<input type="submit" value="提交">

</mip-form>

<mip-form method="post" url="//xxx" clear="true">

<input type="input" name="username" validatetarget="username" validatetype="must" placeholder="姓名">

<div target="username">姓名不能为空</div>

<input type="input" name="email" validatetarget="email" validatetype="email" placeholder="邮件">

<div target="email">填写正确的email</div>

<input type="submit" value="提交">

</mip-form>

<mip-fixed type="top">

自定义内容，可以嵌套其他组件

</mip-fixed>

<mip-fixed type="bottom">

自定义内容，可以嵌套其他组件

</mip-fixed>

<mip-fixed type="left" bottom="50px">

自定义内容，可以嵌套其他组件

</mip-fixed>

<mip-fixed type="right" top="50px">

自定义内容，可以嵌套其他组件

</mip-fixed>

<mip-fixed type="gototop">

<mip-gototop></mip-gototop>

</mip-fixed>

<mip-fixed type="top" id="customid">

<div>我是顶部的fixed</div>

<div on="tap:customid.close">我是关闭按钮</div>

</mip-fixed>