微信小程序基础之表单Form的使用(附demo源码),小程序1号表单

来源:未知 浏览 116次 时间 2021-06-17 11:34

表单Form的应用很广泛我们可以利用form设计登录注册也可以设计一种答题问卷的形式SEO关键词也可以设计一种答题问卷的形式今天主要讲一下form的使用

form表单将组件内输入的"switch","input","checkbox","slider","radio","picker"的值进行提交,数据的格式为:name:value所以表单中控件都需要添加name属性否则找不到对应控件的值。其主要属性:

微信小程序基础之表单Form的使用(附demo源码)

主要代码创建一个form表单:

<!--pages/index/Component/FormM/FormM.wxml-->

微信小程序基础之表单Form的使用(附demo源码)

<text class="view-Name">form表单</text>

<view class="lineView"></view>

</view>

<!--这里用formname=“nameName1”可以作为form的属性进行

(e.detail.value.nameName1)调用,

form自带有提交和重置按钮会自动获取表单中所有控件值的改变-->

<form class="page__bd" bindsubmit="formSubmit" bindreset="formReset">

<view class="section section_gap">

<view class="section__title">switch开关</view>

<switch name="switch"/>

</view>

<view class="section section_gap">

<view class="section__title">slider滑块</view>

<li o="" cl="" ptm="" pbm"="">

标签: formltgtview