html - 在 html5 中使用新输入类型保持回退而不支持的正确方法是什么？

Question

标题很容易解释，基本上我想在这种情况下使用新的输入类型“搜索”，而如果浏览器不支持搜索，则回退到 type="text"。

我猜它可能是这样的：

<input type="text" type="search" name="s" placeholder="Search posts">

但我不确定。

这通常是怎么做的？

Answer 1

这是默认行为，也是 HTML5 的设计方式。不支持的类型将退回到type=text.

资料来源： 深入了解 HTML5

与所有其他新输入类型一样，无法识别 type="search" 的浏览器会将其视为 type="text"，因此绝对没有理由不开始对所有搜索框使用 type="search"今天。

编辑

正如评论中指出的那样，您不需要这两个type属性，只需type=search：

<input type="search" name="s" placeholder="Search posts">