wordpress 如何将自动完成功能添加到元素或搜索表单输入中?

j8ag8udp  于 2022-12-26  发布在  WordPress
关注(0)|答案(2)|浏览(155)

我想在我的网站上禁用以前的搜索建议。我使用Elementor搜索表单。我可以从插件编辑器编辑它,但我找不到可以添加属性的文件。

vybvopom

vybvopom1#

将此代码添加到主题function.php文件中,它将添加autocomplete='off'属性

class Elementor_Forms_Input_Classes {


    public function __construct() {
        // Add class attribute to form field render
        add_filter( 'elementor_pro/forms/render/item', [ $this, 'maybe_add_css_class' ], 10, 3 );

        add_action( 'elementor/element/form/section_form_fields/before_section_end', [ $this, 'add_css_class_field_control' ], 100, 2 );
    }
    public function add_css_class_field_control( $element, $args ) {
        $elementor = \Elementor\Plugin::instance();
        $control_data = $elementor->controls_manager->get_control_from_stack( $element->get_name(), 'form_fields' );
    
        if ( is_wp_error( $control_data ) ) {
          return;
        }
    
      public function maybe_add_css_class( $field, $field_index, $form_widget ) {
            $form_widget->add_render_attribute( 'input' . $field_index, 'autocomplete', 'off' );
          $form_widget->add_render_attribute( 'select' . $field_index, 'autocomplete', 'off' );
        return $field;
      }
    }
    new Elementor_Forms_Input_Classes();
uwopmtnx

uwopmtnx2#

为此,您需要执行以下步骤:
1.给予你的搜索表单一个id或类名(例如,我给我的表单一个类名:自动关闭
1.插入HTML代码元素,并输入以下代码:

<script>
 jQuery(".tho-auto-off input").focus(function(){
    jQuery(this).attr('autocomplete', 'off');
 });
</script>

1.保存和享受。

如果本指南对您来说不够清楚-我已记录guide video for this here

相关问题