layui创建表单下拉框样式不显示

摘要:
fieldset元素对表单中的相关元素进行分组。当一组表单元素放置在<fieldset>标记中时,浏览器将以特殊方式显示它们。它们可能具有特殊的边界、3D效果,甚至创建一个子表单来处理这些元素。<fieldset>标记没有必需的或唯一的属性。

border-left: 5px solid #009688;

注释:solid实体,实心样式;

Blockquote:块引用;Fieldset:字段集;

1.所有浏览器都支持 <fieldset> 标签。

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包,生成一组相关表单的字段。

当一组表单元素放到 <fieldset> 标签内时,浏览器会以特殊方式来显示它们,它们可能有特殊的边界、3D 效果,或者甚至可创建一个子表单来处理这些元素。

<fieldset> 标签没有必需的或唯一的属性。

<legend> 标签为 fieldset 元素定义标题。

  

2、问题:示例页面下拉框样式出不来,输入框可以

layui创建表单下拉框样式不显示第1张

解决:

引入js文件<script src="http://t.zoukankan.com/~/layuiadmin/layui/layui.js"></script>

render刷新select选择框渲染;

代码:

layui.use('form', function () {
var form = layui.form;
form.render('select'); //刷新select选择框渲染
//各种基于事件的操作,下面会有进一步介绍
});

总结:页面html中有样式后,需要js代码重新渲染一下,才有下拉框效果; 

Layui会对select、checkbox、radio等原始元素隐藏,从而进行美化修饰处理。但这需要依赖于form组件,所以你必须加载 form,并且执行一个实例。值得注意的是:导航的Hover效果、Tab选项卡等同理(它们需依赖 element 模块)

所以当新添加这些元素以后需要对页面表单元素重新渲染一下

https://www.layui.com/demo/form.html

https://blog.csdn.net/light_666/article/details/80205041

免责声明:文章转载自《layui创建表单下拉框样式不显示》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇基于bootstrap 在同一个界面弹出不同的模态框(appium+python)UI自动化_02_appium启动手机app下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

授权某个数据库某个表权限

revoke SELECT ON `open`.`admins` from wuzg;revoke SELECT ON *.* from wuzg;show GRANTS for wuzg;GRANT SELECT ON open.admins TO 'wuzg'@'%'...

oracle日期处理函数整理

1.trunc 函数   截断函数既可以截取日期 也可以截取数字   返回今天的日期 select trunc(sysdate)  from dual; --07-6月 -20       返回昨天的日期 select trunc(sysdate-1) from dual;   返回当月第一天 select trunc(sysdate,'mm')  fro...

网页元素特征字符串

网页元素特征字符串 1.什么是网页元素特征字符串 要了解什么是网页元素特征字符串(以下简称特征串)首先得了解什么是网页,什么是HTML。从维基百科上可查询到网页定义如下: 网页是一个文件,他存放在世界某个角落的的某一台计算机中,而这台计算机必须是与互联网相连的。网页经由网址( URL )来识别与存取,当我们在浏览器输入网址后,经过一段复杂而又快速的程序,...

oracle中的exists 和not exists 用法详解

oracle中的exists 和not exists 用法详解 有两个简单例子,以说明 “exists”和“in”的效率问题 1) select * from T1 where exists(select 1 from T2 where T1.a=T2.a) ;     T1数据量小而T2数据量非常大时,T1<<T2 时,1) 的查询效率高。...

radio 获取选中值

Radio 1.获取选中值,三种方法都可以: 1 2 3 $('input:radio:checked').val(); $("input[type='radio']:checked").val(); $("input[name='rd']:checked").val(); 2.设置第一个Radio为选中值: 1 2 3 $('in...

MVC 一页多个提交表单(Multi_Form in one page)

前几天遇到同一页有多个提交表单的情况,经过艰苦奋斗终于解决。与大家分享一下。 我的要求有两个:①可以验证显示错误信息②显示错误信息的时候原保留填写的内容 未查找资料之前想了3个解决方案: ①将页面中所有的提交对象封装为一个对象,提交的时候只提交所需要的内容,当有错误信息的时候将已填的内容付给此此对象然后返回它。 优点:可以使用ModelState验证 缺点...