antd 4.x.x Form组件表单提交值清空问题_form表单提交后不清空_栖~的博客

< Form onFinish = { onFinish } > < Form . Item name = 'editValue' > < Input . TextArea rows = { 4 } / > < / Form . Item > < Form . Item > < Button htmlType = "submit" type = "primary" > < / Button > < / Form . Item > < / Form >

上述代码点击提交之后，表单内容会自动清空。组件会刷新。当提交出问题时，，内容已经丢失，无法在原有基础下再次提交。

使用 form 进行实例化

const [form] = Form.useForm();
const onFinish = (value) => {
	console.log(value)
<Form onFinish={onFinish} >
    <Form.Item name='editValue' form={form} >
        <Input.TextArea rows={4} />
    </Form.Item>
    <Form.Item>
        <Button htmlType="submit"  type="primary">
        </Button>
    </Form.Item>
</Form>
 经过实例化后，表单内容变为自主控制，提交操作并不会导致原有内容清空，需要通过 FormInstance 来进行操作 
                                    formLayout 不起作用
Form标签 layout属性设置为’inline’ 时  下拉组件宽度没有自适应:
	// 方法1:用Row + Col 定义自己需要的宽度,把layout属性设置为'horizontal',
	const formLayout = {
            labelCol: { span: 4 },
            wrapperCol: { span: 14 },
  --------------------------------------------------------------------------   
                                    layui中form表单提交失败，阻止刷新form，避免清空用户刚填写的数据
用户提交时经校验，数据库已经有完全相同的数据，因此添加失败，但是不关闭弹窗，也不刷新form，不清空用户刚填写的数据
//表单提交事件
    form.on('submit(btnSubmit)', function (data) {
        //校验已存在重复数据阻止刷新form，阻止清空用户刚填写的数据
        function stopDefault( e ) {
            //阻止默认浏览
                                    用户在网页上进行表单填写时，有可能出现某项填写错误。一般情况下，用户在未发觉错误的情况下点击提交，则此表单的内容会清空，用户不得不再重新填写，这样的用户体验是及其糟糕的。
在此，我们有2种方法将用户的输入保存下来，一旦填写错误，只需要将错误项修改即可重新提交。
一、利用Form生成Html标签
1. views.py
 1 from django.shortcuts import render,...
                                    https://www.cnblogs.com/OldJack/p/7118396.html
有时候提交表单后,发现某个字段写错了,但是form的其他字段竟然被清空,这个万万不能接受.所有django的form后端生成form的html,渲染到前端可以解决
1.前端写form的html
2.django的form生成前端form所需的html
forms.html
#!/usr/bin/env p...
                                    php表单提交后不清空的实现方法：首先打开相应的代码文件；然后在“session_start()”之后，字符输出之前写上语句“header(“Cache-control: private”);”即可。推荐：《PHP视频教程》php表单提交完返回，表单内容不清空解决方法我们经常在注册的时候，填写一大推信息以后在提交注册的时候，因为某一项信息不正确，在返回的时候之前的填写的内容全部没有了，这样会导致用...
                                    使用form表单时发现一个很奇怪的问题，每次填写完验证码，如果验证码输入错误，则所有填写内容都将被清空。
一开始的代码大致如下：
if CANCASERegister_form.is_valid():
CANCASERegister_form = CANCaseRegisterForm()
return render(request, 'assets/CANCase_register.html', locals())	
为了使得验证码输入错误后已填写内容不被清空，我们修改为如下格式即可：
                                    有过表单设计经验的肯定知道，当我们在浏览器中输入表单信息的时候，往往input文本输入框会记录下之前提交表单的信息，以后每次只要双击 input文本输入框就会出现之前输入的文本，这样有时会觉得比较方便，但有时也会暴露用户的隐藏数据，所以今天就来个让input表单输入框不记录输 入过信息的方法。
只需要在input文本输入框中加一条属性autocomplete="off"即可。 input 的属性autocomplete 默认为on，其含义代表是否让浏览器自动记录之前输入的值； 很多时候，需要对客户的资料进行
                                    关于react_antd_desgin的学习这两天也是获取到的知识零零散散，大多在网上也能获取的到，所以隔了很长的时间，没有编写关于react相关的文章。今天之所以写也是因为公司中秋节放假，在郑州，窗外的秋雨淅淅沥沥，再加上一点带有凉意的秋风，打消了外出的念头。在家也是无所事事,,,好了，言归正传
先说需求吧：
在弹出的modal 中，有一个Form 表单，现在我要实现重置的功能，点击重置的时候，表单输入框中的内容清空。
首先我们开看这一段modal的代码：
			 <Modal ti.