How To Create A Specific Html Structure For Datatables Search Bar?

I'm trying to add this structure to the searchbar:

).DataTable( { language: { search: "" } });

You can run this function to be able to change the input's placeholder:

$('.dataTables_filter input').attr("placeholder", "SEARCH");

You can also replace all input element using this function:

$('.dataTables_filter label').html('<inputtype="search"class=""placeholder="I am the new input"aria-controls="example">');

https://jsfiddle.net/0da982ue/9/

Share

You may like these posts

• 
  How To Redirect User To Particular Link After Login In Php
• 
  Create A Reverse Clip-path - Css Or Svg
• 
  How To Lay-out List Items Like A Grid With Css And Html?
• 
  How To Avoid Direct To Another Anchor When Scroll Mobile Device Screen And Touch It To Make It Stop?