HTML5中的input type="text"与input type="search"的区别

10 浏览
0 Comments

HTML5中的input type="text"与input type="search"的区别

我对HTML5还很陌生，开始尝试使用HTML5的新表单输入字段。当我在处理表单输入字段时，尤其是 和 ，我认为在包括Safari、Chrome、Firefox和Opera在内的所有主流浏览器中都没有任何区别。并且搜索字段的行为也像普通文本字段一样。

那么，在HTML5中， input type=\"text\" 和 input type=\"search\" 有什么区别？

的真正目的是什么？

admin 更改状态以发布 2023年5月21日
0

2 答案

0 Comments

如果输入类型为 'search'，则在视觉和功能上有两个不同之处：

  1. 您会在输入/搜索框的末尾获得一个 'X' 符号，以清除框中的文字
  2. 按键盘上的 'Esc' 键也会清除文本
0
0 Comments

现在，它们之间并没有太大的区别 - 也许永远不会。

然而，重点是为浏览器制造商提供可以特殊处理它的能力，如果他们愿意的话。

想想在手机上的，会弹出数字键盘，或者type =“email”，会弹出一个特殊版本的键盘，包括@和.com等。

在手机上，如果他们愿意，搜索可以弹出一个内部搜索小应用程序。

另一方面，它可以帮助当前的开发人员使用css。

input[type=search]:after { content : url("magnifying-glass.gif"); }

0