iPhone手机Safari浏览器上<input type="search">无法使用

Question

在Safari浏览器中，HTML5支持使用"search"定义input类型。当用户开始输入时，会出现一个X按钮，供其清除输入内容，就像Safari浏览器中的Google搜索栏一样。在我的网站上，这在桌面版Safari中有效，但在移动版Safari中无效。

    <input id="termsField" type="search" autocorrect="off" placeholder="Type something here">

//This is the code for the X button I have to use now since HTML5 doesn't work
<INPUT type="image" name="Clear" alt="Clear" src="clearX.png" height="22" width="22"
        onClick="clearText(this)">

起初，我认为这是因为我在#termsField上有一个Jquery自动完成功能，但如果在桌面版Safari中可以正常工作，那就不是这个原因。有人知道为什么会出现这种情况吗？ 另外，它在我的iPhone上或者在XCode的iPhone模拟器中也无法工作，所以这不是特定于我的iPhone的问题。

- sxflynn

Answer 1

这在（桌面）Safari 上可以工作，但在 iPhone（移动 Safari）上不行。您可以通过一些巧妙的 JavaScript 来 模拟该功能。

- ceejayoz

Answer 2

你需要将 type="search" 属性放在标签的第一个位置 - 例如

<input type="search" id="termsField" autocorrect="off" 
       placeholder="Type something here" />

这个问题已经在iPhone上得到解决，但是在Android浏览器中仍然需要首先使用搜索属性，否则它将被呈现为标准输入字段。

- Myke Black