Question

据说在Safari的HTML5中，您可以将输入类型定义为“搜索”，当用户开始输入时，会出现一个X按钮以允许它们清除，就像Safari中的Google搜索栏一样。在我的网站上，这适用于桌面Safari，但它在Mobile 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自动完成功能，但如果它在桌面浏览器中工作则不会是这种情况。有谁知道为什么会发生这种情况？此外，它在我的iPhone或XCode的iPhone模拟器中都不起作用，所以这不是我的iPhone特有的问题。

Answer 1

适用于（桌面）Safari，但不适用于iPhone（Mobile Safari）。您可以通过一些聪明的JavaScript来mimic the functionality。

Answer 2

您需要将type =“search”属性设置为标记中的第一个 - 即

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

此错误已经解决了iphone，但Android浏览器仍然需要首先搜索属性，否则它将呈现为标准输入字段。

<input type =“search”/>无法在iPhone Mobile Safari上运行

2 个答案: