表单中去掉重置和提交按钮和搜索框

小灰灰 2022-10-13 15:53 319阅读 0赞

去掉重置和提交按钮

<ProForm
              submitter={ { 
                // 配置按钮文本
                searchConfig: { 
                  resetText: '重置',
                  submitText: '提交',
                },
                // 配置按钮的属性
                resetButtonProps: { 
                  style: { 
                    // 隐藏重置按钮
                    display: 'none',
                  },
                },
                submitButtonProps: { },
    
                // 完全自定义整个区域
                render: (props, doms) => { 
                  console.log(props);
                  return [
    
                  ];
                },
              }}
              toolBarRender={ false}
            >
            
    
    
            </ProForm>

去掉搜索框  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzgzNjYw_size_16_color_FFFFFF_t_70]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQ1NzgzNjYw_size_16_color_FFFFFF_t_70]: /images/20221005/23fd0fcf27a743b0ada6a74f84637bdc.png

发表评论取消回复

表情：

评论列表（有 0 条评论，319人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML：表单和按钮

表单：表单标签的基本语法： <form action=”处理数据程序的URL地址” method=”get|post” name=”表单名称”>……</form> 其中：

迷南。/ 2024年03月26日 21:24/ 0 赞/ 89 阅读

相关 ElementUI 之el-form表单重置功能按钮

业务场景：使用el-form时，点击重置按钮或者取消按钮时会实现表单重置效果。重置功能按钮功能实现详细步骤: 第一:首先给el-form添加ref属性。 <

忘是亡心i/ 2023年10月10日 13:07/ 0 赞/ 17 阅读

相关 html中form表单提交和阻止表单提交的细节

[如何阻止表单提交][Link 1] [HTML禁止表单提交方法][HTML] ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10

朱雀/ 2022年11月25日 00:35/ 0 赞/ 849 阅读

相关表单中去掉重置和提交按钮和搜索框

去掉重置和提交按钮 <ProForm submitter={ { // 配置按钮文本

小灰灰/ 2022年10月13日 15:53/ 0 赞/ 320 阅读

相关 iView 表单重置

在Vue里面，想重置iView的表单，需要在FormItem中指定prop属性，FormItem包含的控件需要双向绑定表单Model对象，同时表单Model对象也要因应控件类型

ゝ一纸荒年。/ 2022年08月30日 11:45/ 0 赞/ 227 阅读

相关 Element 表单重置

Element 表单重置的时候发现，不能把表单绑定的数据重置为空，这是因为我们在给表单赋值的操作其实是在created 进行绑定的，而 Element 的表单重置是重置为mun

亦凉/ 2022年08月29日 10:24/ 0 赞/ 221 阅读

相关表单，单行文本框，密码框，单选框，列表框（下拉列表），浏览框，隐藏域，多行文本框，图像按钮，提交按钮，重置按钮，普通按钮

表单：是用于向服务器发送数据，客户和服务器端交互的一种工具用户注册用户登录评论留言帖子下订单… <form></form>表单元素 name="fm1"

- 日理万妓/ 2022年07月13日 12:07/ 0 赞/ 232 阅读

相关表单提交回写页面之后，重置按钮失效

问题描述页面内提供了数据查询功能，查询字段为姓名和手机号，提交查询请求之后，重置按钮失效；但是在查询之前执行重置的话是可行的。如图所示： ![在这里插入图片描述][

谁践踏了优雅/ 2022年04月25日 08:08/ 0 赞/ 277 阅读

相关表单重置

由于JQuery中，提交表单是像下面这样的： $('yigeform').reset(); 但是，不幸的是，这样写的话，会有一个让你很郁闷的结果，那就是，表单无法重

向右看齐/ 2022年04月16日 02:10/ 0 赞/ 332 阅读

相关 JS--JavaScript提交表单（submit事件）、重置表单、取消默认提交表单（单击按钮、回车）

提交表单使用< input > 或 < button >标签都可以定义提交按钮，只要将type属性值设置为“submit”即可，而图像按钮则是通过将 < input >

痛定思痛。/ 2021年08月13日 18:15/ 0 赞/ 579 阅读