微信小程序---获取表单数据

最新推荐文章于 2024-02-23 13:20:24 发布

原创最新推荐文章于 2024-02-23 13:20:24 发布 · 1.4k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#html

微信小程序专栏收录该内容

32 篇文章

订阅专栏

这篇博客介绍了如何使用HTML的form元素来包裹表单内容，通过设置`bindsubmit`事件监听提交操作，例如`bindsubmit=handleform`。用户输入包括用户名、密码以及性别选择（通过radio-group实现）。当点击提交按钮时，会触发`handleform`函数，处理表单数据。

通过form包裹，通过submit进行提交，提交所有的表单信息。每个要提交的表单信息都要有name属性
通过
提交
提交，
在form上面设置bindsubmit="handleform"事件

<form action="" bindsubmit="handleform">
用户名：<input name="uname" type="text" placeholder="请输入用户名"/>
密码：<input type="text" name="pwd" placeholder="请输入密码" password/>
性别：
<radio-group name="sex">
  <radio value="男">男</radio>
  <radio value="女">女</radio>
</radio-group>
<button form-type="submit">提交</button>
</form>