forms - 在 CakePHP 表单输入框中禁用自动完成功能

Question

我正在使用 CakePHP 表单助手创建表单输入，并且在创建操作、登录操作等时会自动完成一些输入(大部分时间“用户名”和“密码”)。这很烦人。我猜这些只是更常见，因此浏览器正在使用其 cookie 来尝试完成输入。

无论如何..我如何禁用它？

在我看来:

...

echo $this->Form->input('username', array(
    'label' => 'Please enter your username',
    'class' => 'pure-u-1-2'
));
echo $this->Form->input('password', array(
    'label' => 'Please enter your password',
    'class' => 'pure-u-1-2'
));

...

我错过了什么？

Answer 1

您可以指定要发送给表单助手的属性。指定属性“自动完成”并将其值设置为“关闭”。

...

echo $this->Form->input('username', array(
    'label' => 'Please enter your username',
    'class' => 'pure-u-1-2',
    'autocomplete' => 'off'
));
echo $this->Form->input('password', array(
    'label' => 'Please enter your password',
    'class' => 'pure-u-1-2',
    'autocomplete' => 'off'
));

...

这会为您的 HTML 产生类似的结果:

<input name="data[Model][username]" autocomplete="off" class="pure-u-1-2" id="ModelUsername" type="text">

您也可以在整个表单上执行此操作，而不仅仅是每个输入。只需在 create 表单中指定相同的属性和值，如下所示:

...

echo $this->Form->create('Model', array(
    'class' => 'class',
    'autocomplete' => 'off'
));

这将在您的 HTML 中为您提供如下内容:

<form action=".../Model/Action" class="class" autocomplete="off" id="ModelActionForm" method="post" accept-charset="utf-8">

注意 一些浏览器现在将忽略 autocomplete="off"或 autocomplete="false"。解决方法是在表单上的所有其他输入之前放置一个隐藏的文本和密码字段。浏览器将填充那些而不是你想单独留下的那些。