当前位置: 代码迷 >> 综合 >> layui button标签
  详细解决方案

layui button标签

热度:12   发布时间:2024-02-24 11:56:43.0

 

layui button标签

1. 文字居中

2. <a> 标签链接取消下划线

3. div 居中

4. 按钮的四种触发方式


<!-- 文字居中,连接下面没有下划线 -->
<a onclick="toBaidu()" href="#" style="text-align: center; text-decoration: underline">进入百度</a><!-- div 居中-->
<div class="layui-form-item" align="center"><!-- 方式1 --><button type="submit" class="layui-btn" lay-submit="" lay-filter="submitButton">提交</button><!-- 方式2 --><button type="reset" class="layui-btn layui-btn-primary">重置</button><!-- 方式3 --><button type="button" class="layui-btn" onclick="closeBack()">返回</button><!-- 方式4 --><button type="button" class="layui-btn" id="startButtonId">开始</button>
</div><script>/* 方式1 */form.on('submit(submitButton)', function (data) {layer.alert("submitButton");});/* 方式2 *///reset 系统自带的/* 方式3  函数必须要在js 的 layui.config().extend().user({}); 的外面,否则找不到该函数 */function closeBack(){layer.alert("closeBack");}/* 方式4 */$('#startButtonId').on('click', function(){layer.alert("startButtonId"); });
</script>

 

 

 

  相关解决方案