整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
utton 對象
Button 對象代表一個按鈕。
在 HTML 文檔中 <button> 標簽每出現一次，Button 對象就會被創建。
accessKey 設置或返回訪問某個按鈕的快捷鍵。
disabled 設置或返回是否禁用按鈕。
form 返回對包含按鈕的表單的引用。
id 設置或返回按鈕的 id。
name 設置或返回按鈕的名稱。
tabIndex 設置或返回按鈕的 Tab 鍵控制次序。
type 返回按鈕的表單類型。
value 設置或返回顯示在按鈕上的文本。
下面的例子可返回按鈕的 tab 鍵控制次序：
<html>
<head>
<script type="text/javascript">
function showTabIndex()
{
var b1=document.getElementById('b1').tabIndex;
var b2=document.getElementById('b2').tabIndex;
var b3=document.getElementById('b3').tabIndex;
document.write("Tab index of Button 1: " + b1);
document.write("<br />");
document.write("Tab index of Button 2: " + b2);
document.write("<br />");
document.write("Tab index of Button 3: " + b3);
}
</script>
</head>
<body>
<button id="b1" tabIndex="1">Button 1</button><br />
<button id="b2" tabIndex="2">Button 2</button><br />
<button id="b3" tabIndex="3">Button 3</button><br />
<br />
<input type="button" onclick="showTabIndex()" value="Show tabIndex" />
</body>
</html>標準屬性
className 設置或返回元素的 class 屬性。
dir 設置或返回文本的方向。
lang 設置或返回元素的語言代碼。
title 設置或返回元素的 title 屬性。
lang 屬性設置或返回元素的語言。
object.lang=language-code
本例展示了兩種獲取 <body> 元素的語言的方法：
I框架Layui的按鈕元素與其他前端框架用法一樣，向任意HTML元素設定class="layui-btn"，即可建立一個默認按鈕：
<button class="layui-btn">默認按鈕</button>
通過追加格式為layui-btn-{type}的class來定義其它按鈕風格，比如追加layui-btn-primary，就可以改變為原始按鈕：
<button class="layui-btn layui-btn-primary">原始按鈕</button>
layui按鈕默認提供了六種按鈕風格，分別如下：
默認：class="layui-btn"
原始：class="layui-btn layui-btn-primary"
百搭：class="layui-btn layui-btn-normal"
暖色：class="layui-btn layui-btn-warm"
警告：class="layui-btn layui-btn-danger"
禁用：class="layui-btn layui-btn-disabled"
那么，并不是所有的按鈕都一樣大啊，不用擔心，layui也幫我們預設了四種按鈕尺寸，他們的class分別是：
默認：無需追加其他class
大型：layui-btn-big
小型：layui-btn layui-btn-small
迷你：layui-btn layui-btn-mini
如果需要給按鈕增加圓角效果的話，追加一個叫做“layui-btn-radius”class即可。
通過上述內置的按鈕class，我們可以任意組合，形成更多種按鈕風格，但是有一個問題，會導致名稱很長，用賢心自己的話說就是“這組合名長得簡直沒朋友~”。比如：
| 大型圓角原始按鈕 | class="layui-btn layui-btn-big layui-btn-radius layui-btn-primary" |
| 小型圓角警告按鈕 | class="layui-btn layui-btn-small layui-btn-radius layui-btn-danger" |
| 迷你圓角禁用按鈕 | class="layui-btn layui-btn-mini layui-btn-radius layui-btn-disabled" |
怎么辦？能接受就接受，不能接受就自己想辦法解決吧。
有時候，我們的按鈕并不是文字，而是圖標，那么就需要使用layui的圖標庫，目前一共有119個，layui圖標全部采用字體形式（意味著我們可以設置font-size、color等文字屬性），取材于阿里巴巴矢量圖標庫（iconfont），是采用 Unicode 字符。相對于奧森字體數量少一些，基本上也能滿足使用。
layui圖標的用法如下：
<i class="layui-icon"></i>
通過一個內聯元素（一般推薦i標簽）設定class為layui-icon，然后加上對應圖標的Unicode字符即可。比如點贊按鈕：
<button class="layui-btn"> <i class="layui-icon"></i> </button>
同樣，layui有自己的按鈕組，將所需要的按鈕放入一個class="layui-btn-group"元素中，即可形成按鈕組，同時不會影響按鈕本身的隨意搭配。比如由增加、編輯、刪除三個按鈕組合的按鈕組：
<div class="layui-btn-group"> <button class="layui-btn"> <i class="layui-icon"></i>增加 </button> <button class="layui-btn"> <i class="layui-icon"></i>編輯 </button> <button class="layui-btn"> <i class="layui-icon"></i>刪除 </button> </div>
總結，即便是通過尺寸、風格、圖標、圓角等多角度的組合，實現的按鈕依然未必是你想要的，那么你就可以大膽的自己寫按鈕樣式吧，增加自己風格的同時，也可以減少組合名的長度，前提是自己能有清晰的思路與遵循的規范。
相關鏈接：
1、你家隔壁程序猿推薦一款優秀的模塊化UI框架-Layui
2、前端框架Layui的CSS3動畫類—快速實現動畫效果
提交按鈕用來將輸入的信息提交到服務器。代碼格式如下：
<input type="submit" name="..." value="...">
其中type="submit"定義提交按鈕；name屬性定義提交按鈕的名稱；value屬性定義按鈕的顯示文字。通過提交按鈕，可以將表單的信息提交給表單里action所指向的文件。
（1）編寫代碼如下圖所示，在<body>標簽中加入以下代碼。
（2）在瀏覽器中打開文件，預覽效果圖如下所示，輸入內容按【提交】按鈕，即可將表單中的數據發送到指定的文件。
復位按鈕用來重置表單中輸入的信息。代碼格式如下：
<input type="reset" name="..." value="..." >
其中type="reset"定義復位按鈕；name屬性定義復位按鈕的名稱；value屬性定義按鈕的顯示文字。
（1）編寫代碼如下圖所示，在<body>標簽中加入以下代碼。
（2）在瀏覽器中打開文件，預覽效果圖如下所示，輸入內容后單機【重置】按鈕，即可將表單中的數據清空。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
