Javascript “搜索清除”按钮在iOS中不显示_Javascript_Ios_Objective C_Html_Html Input

Javascript “搜索清除”按钮在iOS中不显示

javascript ios objective-c html

Javascript “搜索清除”按钮在iOS中不显示,javascript,ios,objective-c,html,html-input,Javascript,Ios,Objective C,Html,Html Input,我有一个应用程序，可以对邮政编码进行一些搜索，在大多数情况下，它运行良好。但是，我注意到出现在字段右侧的clear图标在某些浏览器中没有出现因此，我创建了一个基本的HTML标记来针对一些浏览器进行测试。这是没有任何附带的CSS样式表 <input type="search" /> 在iOS 7 Safari和Chrome下，这不会出现。在Mac上的Safari 7.0.1和Chrome 31.0.1650.63下，这一切都非常好。在Firefox26 for Mac下，这

我有一个应用程序，可以对邮政编码进行一些搜索，在大多数情况下，它运行良好。但是，我注意到出现在字段右侧的clear图标在某些浏览器中没有出现

因此，我创建了一个基本的HTML标记来针对一些浏览器进行测试。这是没有任何附带的CSS样式表

<input type="search" />

在iOS 7 Safari和Chrome下，这不会出现。在Mac上的Safari 7.0.1和Chrome 31.0.1650.63下，这一切都非常好。在Firefox26 for Mac下，这不会出现

我想要它的主要原因是，web应用程序将主要在移动平台上运行，在闪存中删除邮政编码将非常方便继续使用

我尝试的另一个策略是在字段聚焦后选择整个文本

<input id="orig" type="search" value="" placeholder="Origin" onclick="this.select()">

这在Mac上的Firefox/Safari/Chrome下工作，但在iOS上不工作

我真的不介意上面哪一个有效，只要我能快速从搜索字段中删除旧文本。是否有一个通用的标记可以在所有浏览器中使用

我使用Jquery mobile用以下代码解决了我的查询：

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.css">
<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.3.2/jquery.mobile-1.3.2.min.js"></script>
</head>
<body>

<div data-role="page" id="pageone">
  <div data-role="header">
    <h1>Insert Page Title Here</h1>
  </div>

  <div data-role="content">
    <label for="search-enhanced">Search:</label>
           <div class="ui-input-search ui-body-inherit ui-corner-all ui-shadow-inset ui-input-has-clear">
<input type="text" data-type="search" data-enhanced="true" name="search-enhanced" id="search-enhanced" value="">

           </div>
  </div>

  <div data-role="footer">
    <h1>Insert Footer Text Here</h1>
  </div>
</div> 

</body>
</html>


在此处插入页面标题
搜索：
在此处插入页脚文本

我希望这能帮助任何有同样问题的人