数据表输入类型为文本而不是搜索答案

【问题标题】：Data Table input type as text instead of search数据表输入类型为文本而不是搜索
【发布时间】：2015-01-14 09:18:54
【问题描述】：

数据表输入类型为文本而不是搜索

我有一个使用 CakePHP 填充数据表的系统，令人惊奇的是

它的搜索栏是这样的

<input type="text" aria-controls="c_table">

我填写的日期表是

<input type="search" class="" placeholder="" aria-controls="c_table">

如何将自己填充的数据表搜索栏更改为输入类型“文本”而不是“搜索”

var dt = $('#clients_table').DataTable( {
        "processing": true,
        "serverSide": true,
"oLanguage": {
"sSearch": "Search"},
"sDom": '<"top"f>irt<"bottom"lp><"clear">'

以上是我的数据表声明的一部分，但我认为这不会影响搜索栏搜索而不是文本，我想知道蛋糕 PHP 是如何将搜索实际更改为数据表的文本的。

感谢您的帮助

【问题讨论】：

您可能需要重新表述您的问题，因为要找到问题的核心有点困难。我了解您想更改 DataTable 库生成的搜索字段的type（顺便说一下 PHP 根本不参与此过程）。如果图书馆提供这样的功能，我会感到非常惊讶。您可能需要自定义库。
search 与 text 没有实际区别（目前，search 实际上只有 chrome 和 safari 支持） - 如果您真的需要更改，只需更改javascript 或 jQuery 中的 type 属性。
@RandomSeed 由于属性的外观和感觉，我想将搜索更改为文本类型。

标签： cakephp jquery-datatables

【解决方案1】：

哦，现在我知道你要去哪里了。您想摆脱 Chrome 和 Safari 中 type=search 在 <input> 上的丑陋 × 吗？简单：

input[type="search"]::-webkit-search-cancel-button {
  display: none;
}

dataTables 演示 -> http://jsfiddle.net/Lwwv5jLe/

【讨论】：