type =「search」可以在PC上使用，但不能在iPhone上使用？

Question

你好人＃1，

背景：

我建立一個私密的搜索引擎在motherpipe.co.uk。我在搜索框中添加了功能，允許用戶在搜索框右側的X上點擊一次，就可以刪除他們寫的文本。這是通過添加HTML5功能type =「search」來完成的。

問題：

該代碼適用於PC，但不適用於Iphone和Ipad。 X不顯示。見https://motherpipe.co.uk/mobile/。

問：

什麼我需要改變去出現，並在iOS上的Safari正常工作的X？

任何幫助非常感謝。當前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沒有，但所有瀏覽器都提交了數據。