简单的layer.open弹出输入框样式
2017-06-10 14:12
453 查看
js代码
注:将layer层设置成固定大小时,有时保存和取消按钮会显示在layer层区域外,如果想要按钮正常显示,可将layer层中area属性中的高度设置为auto
layer.open({ id:1, type: 1, title:'修改密码', skin:'layui-layer-rim', area:['450px', 'auto'], content: ' <div class="row" style="width: 420px; margin-left:7px; margin-top:10px;">' +'<div class="col-sm-12">' +'<div class="input-group">' +'<span class="input-group-addon"> 新 密 码 :</span>' +'<input id="firstpwd" type="password" class="form-control" placeholder="请输入密码">' +'</div>' +'</div>' +'<div class="col-sm-12" style="margin-top: 10px">' +'<div class="input-group">' +'<span class="input-group-addon">确认密码:</span>' +'<input id="secondpwd" type="password" class="form-control" placeholder="请再输入一次密码">' +'</div>' +'</div>' +'</div>' , btn:['保存','取消'], btn1: function (index,layero) { }, btn2:function (index,layero) { layer.close(index); } });效果
注:将layer层设置成固定大小时,有时保存和取消按钮会显示在layer层区域外,如果想要按钮正常显示,可将layer层中area属性中的高度设置为auto
相关文章推荐
- 设置Spinner弹出框/下拉框的样式--最简单有效的方式
- Android 输入框弹出样式
- iOS简单的键盘弹出输入框上移
- 获取layer.open弹出层的返回值
- layer.open组件获取弹出层页面变量、函数
- openlayer.popup 弹出框出现!!
- layer.open组件获取弹出层页面变量、函数
- openlayer实现仿各大地图的标注点触碰样式变换
- Android 多种简单的弹出框样式设置
- 关于layer.open弹出层单击事件如何调用父窗口方法的说明
- Android 有输入框的页面,一打开就会弹出输入法,最简单屏蔽办法
- openlayer 高亮显示样式
- bootstrap + openlayer popup窗口样式变形
- Android 多种简单的弹出框样式设置代码
- JavaScript实现弹出层(以layer.open为例)
- IOS简单实现输入框随着键盘的弹出动态上升(很简单的)
- Android 输入框弹出样式
- 关于Editext弹出键盘的右下角样式简单使用
- Openlayer高阶样式使用
- layer.open组件获取弹出层页面变量、函数