微信小程序form表单组件

微信小程序form表单组件

form表单本身只是一个容器，没有任何样式，用于提交用户输入的信息或选择的选项结果。
当单击button组件中的formType属性值为submit时，会触发form表单的bindsubmit对应的事件；
当单击button组件中的formType属性值为reset时，会触发form表单的bindreset对应的事件。

form表单本身没有任何样式，尽量不要给form表单设置样式，需要时可以用view组件来包裹form组件，用view组件的样式替代form组件的样式。form表单组件示例如下：

<!--index.wxml-->
<form bindsubmit='formSubmit' bindreset='formReset' >
<button formType='submit'>提交</button>
<button form-type='reset'>重置</button>
</form>
// index.js
Page({
  formSubmit: function () {
    console.log('form发生了submit事件')
    },
    formReset: function () {
      console.log('form发生了reset事件')
    }
  })

form表单组件示例如图所示：

酷客网相关文章：

• 微信小程序map地图组件
• 微信小程序switch开关组件
• 微信小程序slider滑动选择器组件
• 微信小程序progress进度条组件