使用 Lungo 建立一个兼容各种浏览器的表单是很轻松的。不管是 input 或 button 的制作,使用它的表单类控制器制作的表单很适合移动触摸设备。
你只需要将表单代码写在form或者使用class="form"的标签中。
<section id="main">
<header data-title="Form 表单示例"></header>
<article id="first" class="active">
<form method="post" action="">
<label>用户名</label>
<input type="text" placeholder="字母或数字组合">
<label>密码</label>
<input type="password" placeholder="6-12位字母或数字组合" class="text align_right error">
<label>性别</label>
<label class="select">
<select>
<option value="1">男</option>
<option value="2">女</option>
</select>
</label>
<label>出生年月</label>
<input type="date" class="align_right" placeholder="Select finish" value="10/04/1980"/>
<label>订阅邮件</label>
<input type="checkbox" /><br>
<center><button data-icon="save"> 提 交 </button></center>
</form>
</article>
</section>
效果图: