2

我有一个使用 JQTouch 构建的站点，并希望在文本输入字段中添加小十字按钮以清除按下时的文本。

我尝试从他们的 google.com iPhone 网站上模仿 Google 的技术。另外，我已经在 mobileSafari 的 iphone 上的文本字段输入中读到了这种方法 ？...

我有这个部分工作。但是，是否以及何时注册十字按钮似乎并不可靠。

我创建了最少的代码来测试这个：

使用 JQTouch - http://hogtownconsulting.com/clearquery/index.html

没有 JQTouch（或任何其他 JS 库） - http://hogtownconsulting.com/clearquery/index-no-js.html

我不确定是否是与 JQTouch 库的交互导致了这些问题。但是没有 JQTouch 的版本似乎对点击十字按钮更敏感。任何有关如何使此功能正常工作的建议将不胜感激。谢谢你，帕特里克

4

1 回答 1

4

如果您将输入类型命名为 = 搜索，则会自动获得那个小 X。

<input type=search name=s>

这篇文章会给你很多帮助。 WebKit 的 CSS 技巧

如果您不希望该输入成为 type = 搜索，那么您将不得不稍微伪造它。1.创建一个div并使用css对其进行四舍五入。2. 把你的输入放在那里，去掉 webkit 装饰，阴影等。 3. 把你的 X 图像放在输入的右边。向该图像添加一个 onclick 以清除您的字段。

<div><input type="text" id="thing"/><span onclick="clrField();"><img src="x.gif"/></span></div>
于 2010-09-04T16:07:27.040 回答