[Bug]: Form 表单在 Web 下缺乏 type=“submit” 属性，导致无法触发 submit 方法

[felix9ia]

请先确认

• 我已搜索并确定这个提交不是重复的

相关平台

• 所有小程序
• 微信小程序
• 支付宝小程序
• 百度小程序
• 字节跳动小程序
• QQ 轻应用
• 京东小程序
• 快应用平台（QuickApp）
• Web 平台（H5）
• 移动端（React-Native）
• 鸿蒙（harmony）

小程序基础库版本

4.1.1

使用框架

React

问题描述

Form 表单在 Web 下无法触发 submit 方法，似乎没有添加上 type="submit" 这个属性....

复现链接

https://github.com/NervJS/taro

复现步骤

<Form ref={formRef} onSubmit={onFormSubmit}>
        <Cell.Group inset>
          <Form.Item name="phoneNumber" rules={[{required: true, message: "请输入手机号"}]}>
            <Form.Label>手机号</Form.Label>
            <Form.Control>
              <Input type="number" placeholder="请输入手机号" />
              <Button size="small" color="primary"  formType="submit">
                发送验证码
              </Button>
            </Form.Control>
          </Form.Item>
          <Field
            name="smsCode"
            label={{align: "left", children: "验证码"}}
            rules={[{required: true, message: "请填写验证码"}]}
          >
            <Input type="number" placeholder="请填写验证码" />
          </Field>
          <Field>
            <Checkbox shape="square">我同意</Checkbox> <Button size="small" color="primary"
              variant="text"
            >市达平台用户协议</Button>
          </Field>
        </Cell.Group>
        <View style={{margin: "16px"}}>
          <Button shape="round" disabled={buttonDisabled} block color="primary" formType="submit">
            登录
          </Button>
        </View>
      </Form>

环境信息

👽 Taro v4.1.1


  Taro CLI 4.1.1 environment info:
    System:
      OS: Windows 11 10.0.22631
    Binaries:
      Node: 18.17.0 - C:\Program Files\nodejs\node.EXE
      Yarn: 1.22.22 - C:\Program Files\nodejs\yarn.CMD
      npm: 9.6.7 - C:\Program Files\nodejs\npm.CMD
    npmPackages:
      @tarojs/cli: 4.1.1 => 4.1.1
      @tarojs/components: 4.1.1 => 4.1.1
      @tarojs/helper: 4.1.1 => 4.1.1
      @tarojs/plugin-framework-react: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-alipay: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-h5: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-harmony-hybrid: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-jd: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-qq: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-swan: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-tt: 4.1.1 => 4.1.1
      @tarojs/plugin-platform-weapp: 4.1.1 => 4.1.1
      @tarojs/react: 4.1.1 => 4.1.1
      @tarojs/runtime: 4.1.1 => 4.1.1
      @tarojs/shared: 4.1.1 => 4.1.1
      @tarojs/taro: 4.1.1 => 4.1.1
      @tarojs/taro-loader: 4.1.1 => 4.1.1
      @tarojs/webpack5-runner: 4.1.1 => 4.1.1
      babel-preset-taro: 4.1.1 => 4.1.1
      eslint-config-taro: 4.1.1 => 4.1.1
      react: ^18.2.0 => 18.3.1

贡献代码

• 我愿意修复这个错误

[felix9ia]

我猜，这个是为了兼容微信浏览器而强行把 type 改成 formType 属性吧，但是 chrome 似乎在常规模式下不认这个 formType 属性， 这块我还没法改........无助....