【问题标题】:Making use of all input types使用所有输入类型
【发布时间】:2014-04-16 09:30:10
【问题描述】:

我已经开发了一段时间了...时不时地发现更多的 HTML 标记、PHP 函数等我从未有过的新东西可供我使用。

今天,我要讨论的是不同的 HTML 输入类型……嗯,只有一种,然后是一些链接->rel 值……

输入类型:搜索?

我查看了几个地方,我得到的只是其目的的明显答案。 通过将字段设置为文本类型,我可以很好地进行全文查询...

那么文本和搜索输入类型之间的技术区别是什么?将输入字段设为搜索类型有什么好处?

而且,我对链接标签的一些 rel 值也有类似的误解:

下一个、上一个、搜索等...

我可以在不使用这些 rels 的情况下做同样的事情...我可以在不使用 next/prev 的情况下创建文章的“幻灯片”。搜索,我完全不明白......我只能找到它的定义......'链接到文档的搜索工具'......这是否意味着谷歌提供的工具,以便您的用户可以搜索通过文件?

我可以在不完全使用 s 的情况下做这些事情,所以我猜我的问题的答案是我不使用这些任务,也许我应该这样做?然后与 AJAX 结合?

谢谢

【问题讨论】:

标签: html hyperlink


【解决方案1】:

HTML 5 定义了许多新的输入类型,例如 datetimenumberemail、...(您可以找到完整列表 here),这些类型可以被现代浏览器使用提供更多功能,例如验证或输入支持。

浏览器可以显示date 输入的日历。在触摸屏上,为emailphone 类型的输入字段显示不同的键盘(包含@)。对于search 属性,可能会显示一个沙漏。

您应该始终使用新的输入类型,因为它们提供了更多的语义信息。旧浏览器会将它们解释为<input type="text" />。一个缺点是不同的浏览器以不同的方式显示相同的字段,并且一些浏览器根本不使用标签。对于输入类型search,可能会显示一个放大镜。

您的第二个问题是关于link types。同样,这是主要用于搜索引擎或用户代理的语义信息。不同的链接类型可能会显示在单独的导航栏中。

【讨论】:

    【解决方案2】:

    “搜索”和“文本”之间确实存在一些差异

    • 这两个根据浏览器呈现不同。 safari,类似 Chrome 的浏览器添加了 cross icon 以比普通文本字段更快地清除字段。
    • 在智能手机中,它将软键盘的正常返回按钮更改为magnifier or search button。哪个对用户更友好

    • 当用户在搜索字段时,某些浏览器会触发某些小程序

    【讨论】:

      【解决方案3】:

      目前,input type='search'input type='text' 之间没有区别。放置这些新的 HTML 输入类型的原因是为了以后可以添加功能。在创建搜索字段时使用type='search' 是一种很好的做法,因为它在未来可能会变得更加有用,并且还可以使您的代码更加语义化。

      【讨论】:

        猜你喜欢
        • 2014-04-11
        • 2015-09-20
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2019-03-02
        • 1970-01-01
        • 2017-10-06
        • 2013-08-07
        相关资源
        最近更新 更多