layui button标签
生活随笔
收集整理的這篇文章主要介紹了
layui button标签
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?
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>?
?
?
總結
以上是生活随笔為你收集整理的layui button标签的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: [解题报告]11942 - Lumber
- 下一篇: 广告VS电商 抖音快手的变现之争