[Resolved] Changing input type from 'text' to 'search'

[Author]

Posts

[stephenR]

Hi. I have this filter:-

[wpv-filter-search-box placeholder="Search products" output="bootstrap"][wpv-filter-submit output="bootstrap" name="Go"]

which outputs this html for the input field:-

<input type="text" name="wpv_post_search" class="js-wpv-filter-trigger-delayed form-control" placeholder="Search products">

But I want a search field instead of a text field like this:-

<input type="search" name="wpv_post_search" class="js-wpv-filter-trigger-delayed form-control" placeholder="Search products">

Can you please tell me how to do that?

Thanks
Steve

[Minesh]

Hello. Thank you for contacting the Toolset support.

The only way you can change the type attribute of your input field is using the jQuery.

For example - please try to add teh following JS code to your "search and pagination" section's JS editor:

jQuery(document).ready(function($){

  $("input[name='wpv_post_search']").attr("type","search");

});

[stephenR]

That's fixed it. Thanks Minesh.