在html5中使用新的输入类型的正确方法是什么？

Question

这个标题非常具有说明性，基本上我想在这种情况下使用新的输入类型“搜索”，而如果浏览器不支持搜索，则返回到类型=“文本”。

我猜它可能是这样的：

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

但我不知道。

这通常如何完成？

Answer 1

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

来源：Dive into HTML5

与所有其他新的输入类型，即不承认类型=“搜索”浏览器将像对待类型=“文本”，所以是绝对没有理由不今天开始在所有搜索框中使用type =“search”。

编辑

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

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