时间戳

首页 > 解决方案 > 删除字段时，Chrome 自动填充会重新填充输入

google-chrome - 删除字段时，Chrome 自动填充会重新填充输入

问题描述

删除字段时，Chrome 自动填充会重新填充电子邮件/密码输入，从而阻止用户使用不同的电子邮件/密码登录。尝试删除我们原来的表单实现并使用 redux-form 但仍然遇到同样的问题。有没有人遇到过这个问题？

在此处输入图像描述

版本“preact”：“8.2.5”，“redux”：“3.7.2”，“react”：“^15.4.2”，

铬 65.0.3325.181

零件：

import { Field } from 'redux-form';

import { Form } from '../form';
import { SubmitButton } from '../../buttons';
import styles from './create-account.styl';

export const CreateAccount = (props) => {
    const {
        canSubmit,
        onFormSubmit,
    } = props;

    return (
        <Form
            class={styles.root}
            heading="Heading"
            onSubmit={onFormSubmit}
        >
            <Field
                class={styles.field}
                name="email"
                component="input"
                type="email"
            />

            <Field
                class={styles.field}
                name="password"
                component="input"
                type="password"
            />

            <div class={styles.actions}>
                <SubmitButton
                    class={styles.submit}
                    disabled={!canSubmit}
                >
                    Submit
                </SubmitButton>
            </div>
        </Form>
    );
};

容器：

import { compose } from 'recompose';
import { reduxForm } from 'redux-form';
import { CreateAccount } from './create-account';

const enhance = compose(
    reduxForm({
        form: 'test',
    }),
);

export default enhance(CreateAccount);

标签： google-chromereduxredux-formautofillpreact

解决方案

我以前也有同样的问题。我按照某人的建议解决了这个问题（对不起，我不记得链接了）。请尝试在表格的开头添加以下输入字段。

<input type="email" name="email1" style={{display: 'none'}} />
<input type="password" name="password1" style={{display:'none'}} />

如果您仍有问题，请告诉我

推荐阅读