<form
class
=
"layui-form"
> <!-- 提示:如果你不想用form,你可以换成div等任何一个普通元素 -->
<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>姓名</label>
<div
class
=
"layui-input-block"
>
<input type=
"text"
number=
""
placeholder=
"请输入"
autocomplete=
"off"
class
=
"layui-input"
>
</div>
</div>
<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>学号</label>
<div
class
=
"layui-input-block"
>
<input type=
"text"
name=
""
placeholder=
"请输入"
autocomplete=
"off"
class
=
"layui-input"
>
</div>
</div>
<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>性别</label>
<div
class
=
"layui-input-block"
>
<input type=
"checkbox"
name=
"like[write]"
title=
"写作"
>
<input type=
"checkbox"
name=
"like[read]"
title=
"阅读"
>
</div>
</div>
<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>开关关</label>
<div
class
=
"layui-input-block"
>
<input type=
"checkbox"
lay-skin=
"switch"
>
</div>
</div>
<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>开关开</label>
<div
class
=
"layui-input-block"
>
<input type=
"checkbox"
checked lay-skin=
"switch"
>
</div>
</div>
<div
class
=
"layui-form-item"
>
<label
class
=
"layui-form-label"
>单选框</label>
<div
class
=
"layui-input-block"
>
<input type=
"radio"
name=
"sex"
value=
"0"
title=
"男"
>
<input type=
"radio"
name=
"sex"
value=
"1"
title=
"女"
checked>
</div>
</div>
<div
class
=
"layui-form-item layui-form-text"
>
<label
class
=
"layui-form-label"
>请填写描述</label>
<div
class
=
"layui-input-block"
>
<textarea placeholder=
"请输入内容"
class
=
"layui-textarea"
></textarea>
</div>
</div>
<div
class
=
"layui-form-item"
>
<div
class
=
"layui-input-block"
>
<button
class
=
"layui-btn"
lay-submit lay-filter=
"*"
>立即提交</button>
<button type=
"reset"
class
=
"layui-btn layui-btn-primary"
>重置</button>
</div>
</div>
<!-- 更多表单结构排版请移步文档左侧【页面元素-表单】一项阅览 -->
</form>
<script></script>
<script>
layui.
use
(
'form'
,
function
(){
var
form = layui.form;
});
</script>
</body>
</html>