// html 原生表单提交
/**
此时在html页面是看不到id这个表单的,因为设置了input类型为hidden,为隐藏提交,点击提交按钮会会默认把id这个参数传递给后台
*/
<form action="https://www.baidu.com" method="GET">
<input type="hidden" name="id" />
<p>
<input type="submit" name="" value="提交">
<input type="reset" name="" value="重置">
</p>
</form>
// react ant-design-react 组件中怎么实现这种隐藏的表单,但是缺需要提交该表单的值?
// 通过设置css样式为none,使其不展示在页面上,但是提交的时候会把email的值提交到参数里
<Form {...formItemLayout} onSubmit={this.handleSubmit}>
<Form.Item label="E-mail" style={{display:'none'}}>
{getFieldDecorator('email', {
rules: [
{
type: 'email',
message: 'The input is not valid E-mail!',
},
{
required: true,
message: 'Please input your E-mail!',
},
],
})(<Input />)}
</Form.Item>
</Form>
ant-design-react a-form组件 隐藏提交信息
最新推荐文章于 2023-05-25 15:58:36 发布