?

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标签的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。