HTML5 中的输入类型=“文本”与输入类型=“搜索”

2024-01-07

我是 HTML5 的新手,因为我开始使用 HTML5 的新表单输入字段。当我使用表单输入字段时,尤其是<input type="text" /> and <input type="search" />在我看来,所有主流浏览器(包括 Safari、Chrome、Firefox 和 Opera)都没有任何差异。搜索字段的行为也类似于常规文本字段。

那么,有什么区别input type="text" and input type="search"在 HTML5 中?

真正的目的是什么<input type="search" />?


目前,他们之间并没有什么大不了的事——也许永远不会有。 然而,重点是让浏览器制造商有能力用它做一些特别的事情,如果他们愿意的话。

想一想<input type="number">在手机上调出数字键盘,或者type="email"调出一个特殊版本的键盘,其中包含 @ 和 .com 以及其余可用的内容。

如果他们愿意的话,在手机上,搜索可以调出一个内部搜索小程序。

另一方面,它可以帮助当前的 CSS 开发人员。

input[type=search]:after { content : url("magnifying-glass.gif"); }
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

HTML5 中的输入类型=“文本”与输入类型=“搜索” 的相关文章

  • 该脚本在 IE 中不起作用。我该如何修复它?

    有一个脚本可以根据用户的显示器屏幕分辨率更改页面模板 但是 它在 IE 中不起作用 请告知如何修复它 table align center tr td head td tr tr td nbsp td td nbsp td td nbsp
  • laravel 正则表达式验证不起作用

    我刚刚开始使用 laravel 正在努力验证我的表单之一中的文本区域 文本区域用于用户简介 因此我只想允许使用字母 数字 空格和以下字符 这就是我所拥有的 validator Validator make Input all array b
  • 使用添加“title”属性换行符 到 JSX 元素

    我知道我可以在 HTML 中添加换行符title属性使用 10 但 React 避免了这一点 例如 这是一个 React 组件 其中包含一个标准的 未由 React 处理的组件title包含换行符的属性 并且可以在浏览器中看到效果 但是如果
  • 将 ngModel 绑定到自定义指令

    所以我已经在这个问题上工作了一个星期了 但我似乎无法理解整个指令的事情 我读了很多帖子 揭秘指令 http www toptal com angular js angular js demystifying directives 指令 ht
  • 将 h2 标签嵌套在另一个带有 h1 标签的标头中在语义上是否错误?

    将 h2 标签嵌套在另一个标头 h1 标签内在语义上是否错误 h1 class fixed h2 class absolute Absolute Div h2 h1 语义错误 很大程度上是一个观点问题 语义 意味着 与意义相关 但这里的含义
  • Symfony2 无效形式且无错误

    我的 Symfony2 生成的 CRUD 表单有问题 与MongoDB文档 但我不认为这是相关的 在我的控制器的 createAction 方法中 当我调试表单结果时 form gt isValid returns false form g
  • 通过按 Enter 键提交表单而不使用提交按钮

    好吧 我试图通过按 Enter 键来提交表单 但不显示提交按钮 如果可能的话 我不想涉足 JavaScript 因为我希望一切都能在所有浏览器上运行 我知道的唯一 JS 方式是使用事件 现在的表格看起来像这样
  • 单击后按键不会删除过渡

    我认为问题可能出在const 音频 document querySelector audio data key e keyCode const key document querySelector key data key e keyCod
  • 有没有办法同步ajax调用

    这可能是一个微不足道的问题 但我想知道是否有办法以某种方式知道最后一个 ajax 调用何时完成 假设我有 3 个异步 ajax 调用 ajax type GET datatype json url
  • 从 HTML 字符串中解析和选择

    使用 ajax 调用 我返回了页面的partialView HTML 但在显示它之前 我希望从主 div 中提取信息 如果我创建一个浮动窗口 该数据只是大小信息 Code div class window details more data
  • 如何在 Android 上的 PhoneGap 中设置音频播放速率?

    有谁能够让音频播放速率在 Android 上工作吗 媒体播放器似乎覆盖 忽略音频标签的播放速率属性 None
  • 如何居中对齐数据表标题

    我是数据表新手 当我制作表格标题时 它总是左对齐 如何将标题设置为居中对齐 我已阅读 datatables net manual styling classes 和 datatables net reference option colum
  • django:如何在模板html页面内进行计算?

    您好 我正在使用缩略图插件来获取图像的宽度和高度 现在我想使用从缩略图插件获取的高度来定义 img 标签的填充 例如 img style padding top img height 2 src 但是我在这里遇到错误 django不允许这样
  • Ionic 2:隐藏滚动条并继续滚动

    我只想hide滚动条 在需要滚动的页面中 我正在使用离子2 My 不工作解决方案 scroll content bar overflow hidden 此解决方案隐藏滚动条but使屏幕不可滚动 首先 改变浏览器的自然行为和预期的用户体验是一
  • Bootstrap 响应式表格在 iOS 设备上无法垂直滚动

    这就是我所拥有的 div class table responsive table class table style background transparent table div 我正在使用以下 bootstrap css 文件 ht
  • 将快速文本输入发送到另一个进程(窗口)

    我正在编写一个 C WPF 程序 它将文本消息发送到另一个程序的窗口 我有一个宏程序作为我的键盘驱动程序 Logitech g15 的一部分 它已经做到了这一点 尽管它不会将击键直接发送到进程 而是发送到当前聚焦的窗口 它运行良好 但我也需
  • 如何显示接下来的三个图像单击加载更多按钮

    我需要一个加载更多按钮来显示图像 页面加载时 我显示 3 个图像 单击 加载更多 按钮后 接下来的 3 个图像将显示在屏幕上 我尝试了下面的代码 但它不起作用 你能帮我解决这个问题吗 function item slice 0 2 show
  • 如何从 html 页面 [javascript] 调用 Web 服务方法而不刷新页面

    我有一个webservice这将返回一个值 我的要求是 我需要调用它webservice从一个index html页面 该页面有一个 html 提交按钮 在该按钮上单击我正在呼叫JavaScript 从那里我想调用网络方法 我怎样才能做到这
  • 禁用复选框上的输入

    需要在取消选中该复选框时禁用输入 并在选中该复选框时启用它 我的代码是这样的 div class y div
  • 使用flex-basis控制行上显示的项目数

    我想在使用 Flex 时将元素推出以隐藏它们 例如 如果flex basis为 50 仅显示两个项目弯曲到给定空间 而其他元素则在overflow hidden 领土 Or if flex basis为 25 则仅显示 4 个 Flex 元

随机推荐

  • WebStorm/PhpStorm 对 jsx 中的 React 属性(如 className)发出警告

    我无法删除反应代码中的以下警告 属性className这里是不允许的 PhpStorm 中的警告 未知的 HTML 标记属性无法设置为驼峰式 仅保存小写字母 并且关闭该复选框没有帮助 设置在Languages Frameworks gt J
  • Java基于枚举类型创建对象的方法

    我的班级是这样的 class X class Y extends X class Z extends X 我有每个子类 id class 的枚举 enum Type Y TYPE 1 Y class Z TYPE 2 Z class int
  • 基于 ASP .NET MVC 3 的 Facebook 应用程序:使用默认模型绑定器解析查询字符串数组?

    简而言之 在用户使用 fb request form 控件选择好友后 Facebook 向我的 MVC 3 应用程序传递以下查询字符串 我假设默认模型绑定器会解析查询字符串中的 ids 数组 并将其绑定到以下操作中的 ids 参数 publ
  • JSON.stringify 在我的 Json 对象中添加额外的 \ 和 "" 时出现问题

    您好 我正在使用 Javascript 创建一个带有键和值的对象数组 使用以下代码 ValuesArray push key this attr someattribute value this val 结果我有一个像这样的对象数组 key
  • Rails - 更新单个属性:与自定义操作或带有隐藏字段的表单链接?

    假设我有一个 User 模型 其中 facebook uid 字段对应于用户的 facebook id 我想允许用户取消其 Facebook 帐户的链接 这样做 我需要将此属性设置为零 我目前看到有两种方法可以做到这一点 第一种方法 创建自
  • Magic Suggest - 从 MVC 模型中预先选择多个项目

    我正在寻找一种用多个值填充 Magic Suggest 控件的方法 我正在使用 ASP NET MVC 并希望根据模型中的属性设置这些值 Part 1 Magic 建议支持多个值 A相关问题 https stackoverflow com
  • 单击 jquery 中的单选按钮时显示动态价格的总和

    我的一个与旅游网站相关的项目的处境非常糟糕 我不知道如何计算每位乘客首选房型的总金额 我的数据库中有两名乘客的记录 1 玛吉2 以斯帖 每位乘客的默认价格为 125000 如果用户点击选择自己的房型 则所选乘客的价格为 150000 这是我
  • 如何读取/打印(_io.TextIOWrapper)数据?

    使用以下代码 我想 gt 打开一个文件 gt 读取内容并删除不需要的行 gt 然后将数据写入文件并读取文件以进行下游分析 with open chr2 head25 gtf r as f open test output txt w as
  • 使用 coord_polar() 进行“缩放”/“缩放”

    我有一个使用 geom smooth 的极坐标图 平滑的黄土线非常小 围绕着地块的中心 我想 放大 这样你就能看得更清楚 使用类似的东西scale y continuous limits c 05 7 将使 geom smooth 环变大
  • 如何指定颜色条范围并保持它而不考虑绘图值

    我昨晚打了这个 然后当我准备提交它时我想通了 提交以防其他人需要 我正在底图上绘制多天每小时的气象值 我想为每张地图始终保留相同的颜色条值 假设每个图的范围是 0 10 有时这些值都非常接近于零 而另一些则介于 0 10 之间 for fi
  • 在 Windows Phone 中拖放

    我正在尝试实现拖放功能来排列列表框的内容 我能够拖动该项目 当我尝试将第二个项目拖动到第一个项目时 它会出现在第一个项目上方 但是当我尝试将第一个项目拖动到第二个项目时 第一个项目会出现在第二个项目下方 我也无法赶上掉落 以便我可以安排物品
  • 缩放至适合:嵌入 HTML 中的 PDF

    我正在将本地 pdf 文件嵌入到一个简单的网页中 并且希望设置初始缩放以适合对象大小 这是我尝试过的 但它不影响缩放 有谁知道如何修改代码 以便将其初始缩放设置为适合对象大小 回复有点晚了 但我注意到这些信息很难找到 而且还没有找到答案 所
  • 为什么 scipy 的稀疏 csr_matrix 的向量点积比 numpy 的密集数组慢?

    我遇到一种情况 我需要从稀疏矩阵中提取一行 并用密集行获取其点积 使用 scipy 的 csr matrix 这似乎比使用 numpy 的密集数组乘法慢得多 这让我感到惊讶 因为我预计稀疏点积将涉及更少的操作 这是一个例子 import t
  • 如何在react-router中创建锚标记?

    我在内部使用react boilerplate 3 4 0 和react router来进行路由 我尝试创建一个链接 当我点击它时 我希望滚动到 divid anchor tag 即使我使用 Link 组件而不是 标记 它也只是滚动到页面顶
  • Symfony 3.0.4 使用 FOSRestBundle 序列化期间检测到循环引用

    我在 Symfony 项目中使用 FOSRestBundle 当我尝试处理视图时 在使用 Symfony 序列化器和 JMSSerializer 序列化数据期间失败 这是呈现响应的方法 默认控制器 php em this gt getDoc
  • 将数据写入一行

    我将数据写入 csv 文件 格式如下 789 255 25 33 0 855 275 25 33 0 我希望将其转换为如下格式 1 789 255 25 33 0 2 855 275 25 33 0 所以我想要的就是将列表中的元组转换为一个
  • 创建 WCF Web 服务时出错

    我创建了一个新的 WCF Web 服务 但是当我尝试运行它时 出现此错误 未生成任何代码 如果您尝试生成客户端 这可能是因为元数据文档不包含任何有效的合同或服务 或者因为发现所有合同 服务都存在于 reference 程序集中 验证是否已将
  • SQL 未知与 NULL 相同吗?

    我很困惑 UNKNOWN 在 SQL 中的三值逻辑中意味着什么 它实际上意味着 NULL 吗 NULL 和 UNKNOWN 在所有布尔上下文中是否可以互换 简单回答 3 2 gt FALSE 3 3 gt TRUE NULL 3 gt UN
  • PerformSelectorInBackground 是否为每次调用生成新线程?

    Does performSelectorInBackground为每个调用生成一个新线程 还是为所有调用 可能排队 共享一个线程 不是主线程 每次调用都会创建一个新线程 performSelectorInBackground withObj
  • HTML5 中的输入类型=“文本”与输入类型=“搜索”

    我是 HTML5 的新手 因为我开始使用 HTML5 的新表单输入字段 当我使用表单输入字段时 尤其是