表单组件_按钮

表单，将用户输入的信息提交到服务器，小程序的表单与 html 的表单基本一致

小程序的 button 按钮与 html 的非常类似，但是小程序的功能要更强大一些

<form>
  <input placeholder="请输入用户名" />
  <input placeholder="请输入密码" />
  <button type="primary">登录</button>
</form>

按钮属性

属性	类型	默认值	必填	说明
type	string	default	否	按钮的样式类型
size	string	default	否	按钮的大小
plain	boolean	false	否	按钮是否镂空，背景色透明
disabled	boolean	false	否	是否禁用
loading	boolean	false	否	名称前是否带 loading 图标
form-type	string		否	用于 form 组件，点击分别会触发 form 组件的 submit/reset 事件

相关信息

type 属性说明

合法值	说明
primary	绿色
default	白色
warn	红色

size 属性说明

合法值	说明
default	默认大小
mini	小尺寸

<button>按钮</button>
<button type="default">按钮</button>
<button type="primary">按钮</button>
<button type="warn">按钮</button>
<button type="primary" size="default">按钮</button>
<button type="primary" size="mini">按钮</button>
<button type="primary" plain>按钮</button>
<button type="primary" disabled>按钮</button>
<button type="primary" loading>按钮</button>
<button type="primary" form-type="submit">按钮</button>

open-type

具体请查看：https://developers.weixin.qq.com/miniprogram/dev/component/button.html

至此，本章节的学习就到此结束了，如有疑惑，可对接技术客服进行相关咨询。