Hello Stackoverflow人员,
背景:
我正在motherpipe.co.uk建立一个隐私搜索引擎。我在搜索框中添加了一些功能,允许用户在搜索框中单击X右侧,删除他们所写的文本。这是通过添加HTML5功能类型="搜索"来完成的。
问题:
代码适用于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"/>
答案 0 :(得分:0)
HTML5规范中似乎没有任何需要字段清除按钮的内容。这是某些浏览器添加的功能,但不是必需的。来自HTML5规范 -
文本状态和搜索状态之间的区别主要是风格:在搜索字段与常规文本字段区分开的平台上,搜索状态可能会导致外观与平台的搜索字段一致,而不是像普通文本一样显示字段。
所以,并不是搜索字段不“正常” - 它会收集文本并将其提交给您的服务器,只是它在浏览器之间有不同的外观。
在快速测试中,OSX上的Safari和Chrome添加了“x”,而Firefox没有,但所有浏览器都提交了数据。