开发工具与关键技术:visual Studio jquery
作者:邓伟征
撰写时间:
在一个容器中设定 class=“layui-form” 来标识一个表单元素块,通过规范好的HTML结构及CSS类,来组装成各式各样的表单元素,并通过内置的 form模块 来完成各种交互。
layui 针对各种表单元素做了较为全面的UI支持,你无需去书写那些 UI 结构,你只需要写 HTML 原始的 input、select、textarea 这些基本的标签即可。我们在 UI 上的渲染只要求一点,你必须给表单体系所在的父元素加上class=“layui-form”,一切的工作都会在你加载完form模块后,自动完成。
例如:
注意:一定要加载from模块,如果不加载from,除了输入框能显示,其他元素无法显示,例如下拉框,复选框,单选框。
layui的最终呈现得益于 Form模块 的全自动渲染,她将原本普通的诸如select、checkbox、radio等元素重置为你所看到的模样。
下拉框:option的第一项主要是占个坑,让form模块预留“请选择”的提示空间,否则将会把第一项(存在value值)作为默认选中项。你可以在option的空值项中自定义文本,如:请选择分类。
单选框:checked属性:默认选中
disabled属性:开启禁用
开关:复选框通过lay-skin="switch"形成的
属性checked可设定默认开
属性disabled开启禁用
属性lay-text可自定义开关两种状态的文本
设置value="1"可自定义值,否则选中时返回的就是默认的on
密码框:Password 对象代表 HTML 表单中的密码字段。是我们在页面上无法看到的信息