Question

Hello Stackoverflow人员，

背景：

我正在motherpipe.co.uk建立一个隐私搜索引擎。我在搜索框中添加了一些功能，允许用户在搜索框中单击X右侧，删除他们所写的文本。这是通过添加HTML5功能类型=＆＃34;搜索＆＃34;来完成的。

问题：

代码适用于PC但不适用于Iphone和Ipad。 X没有显示出来。请参阅https://motherpipe.co.uk/mobile/。

问题：

我需要更改什么才能让X在iOS上的Safari中正常显示并正常工作？

任何帮助非常感谢。目前的HTML：

<form name="searchform" id="theform" action="search.php" method="GET" />
<input type="search" id="tag" class="textbox" name="q" autocomplete="off"/>

Answer 1

HTML5规范中似乎没有任何需要字段清除按钮的内容。这是某些浏览器添加的功能，但不是必需的。来自HTML5规范 -

文本状态和搜索状态之间的区别主要是风格：在搜索字段与常规文本字段区分开的平台上，搜索状态可能会导致外观与平台的搜索字段一致，而不是像普通文本一样显示字段。

所以，并不是搜索字段不“正常” - 它会收集文本并将其提交给您的服务器，只是它在浏览器之间有不同的外观。

在快速测试中，OSX上的Safari和Chrome添加了“x”，而Firefox没有，但所有浏览器都提交了数据。