整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
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小时内与您取得联系。
