类型为search的input及相关属性
作者：aoao 来源：样式之美 发布时间：2009-02-11 12:49:00
其实在很久很久之前就发现search类型的input，该属性值是WebKit私有，不过一直没去查相关的属性，介于XXX原因，我找出其属性，回头考虑在其他浏览器上也实现这样的效果。表扬一下Yupoo，他们上次改版就使用上介个。
如果你使用的是Safari(iphone上的不一样，不过会Go按钮会变成Search)或者是其他WebKit引擎的浏览器的话，你就可以看出下面这个input与其他的不同了。
看不到的朋友可以看一下图片：
看一下相关的代码：
<input type="search" placeholder="测试搜索" autosave="aoao.org.cn" results="8" >
相关的说明，就几个属性的介绍，比较简单，没有译了中文，大家看看就是，其实不用看也要以猜得出。
The incremental attribute can be used to control whether or not the search is performed as you type.
The placeholder attribute can be used to set the greyed placeholder text in the control.
The autosave attribute allows you to specify an autosave name for your search results in the dropdown. What’s cool about the autosave is that it’s global, which means that two Web sites could put up a search field with an autosave name of google and then they would share the search results. (Since the actual result values are not accessible to the page there is no privacy violation.)
The results attribute allows you to specify how many results should be displayed in the dropdown.
The search DOM event fires at the precise time the search should be performed and obeys the heuristic for the control, so you don’t have to trap key and click events at all. You can use the onsearch attribute on the control to respond when the search happens.
BTW：CSS Naked Day差不多到了，今年改在9号，有兴趣的朋友凑凑热闹。
0
投稿猜你喜欢
- 下面通过对比来看看ASP中3种分页显示的性能，执行效率。一，使用存储过程分页，这种情况又分为两种方式：第一种，使用command对象，如下：
- 我们一般在调试程序的时候，有些操作会莫名地失败，又没有错误消息提示，特别是在执行数据库操作的时候，明明执行过去了，可就是数据库里没有记录变动
- 六、XML展望 任何一项新技术的产生都是有其需求背景的，XML的诞生是在HTML遇到不可克服的困难之后。近年来HTML在许多复杂的Web应用
- CentOS mysql安装还是很常用的软件，我就学习如何CentOS mysql安装，在这里拿出来和大家分享一下，希望对大家有用。Cent
* 前，我在公司做设计，当时就已经做到技术总监，Photoshop是自学的，当时觉得全世界比我Photoshop强的人也不在多数。七年前，- 在按钮旁边加文字1.打开editor/js/ 两个js文件fckeditorcode_gecko.js fckeditorcode_ie.j
- （以下内容部分内容参考了http://adomas.org/javascript-mouse-wheel/ ）之前js 仿Photoshop
- HTTP_X_FORWARDED_FOR与REMOTE_ADDR的区别.在Request.ServerVariables中并没有HTTP_X
- SQL语句参考及记录集对象详解1. ASP与Access数据库连接：2. ASP与SQL数据库连接：建立记录集对象：set rs=serve
- 我们经常会遇到多重查询问题，而长长的SQL语句往往让人丈二和尚摸不着头脑。特别是客户端部分填入查询条件时，如用普通方法将更是难上加难。以下巧
- DW2004的中文乱码情况你遇到过么？乱码一般是怎么出现的呢？也许很多时候用其他软件（比如Editplus）写程序的时候，忘了meta标签里
- 删除重复记录,将TABLE_NAME中的不重复记录保存到#TABLE_NAME中select distinct&nbs
- 如何实现优惠打折？ 代码及说明见下：<％@ LANG
- 目前，我们要在网页中使用圆角效果，总是通过切图然后嵌套很多div，用背景来实现圆角效果。对于前端开发工程师来说，圆角的确是一个让人又爱又恨的
- [1]好好规划自己的路，不要跟着感觉走！根据个人的理想决策安排，绝大部分人并不指望成为什么院士或教授，而是希望活得滋
- 如何只取数据库的前3条记录？怎么控制只取得前3行数据 这要看是什么类型的数据库了，对于Access和SQ
- 在Twinsen Liang的博客上看到一篇名为语义化单单的限定在html么？的文章，文中主要是提及了CSS的命名规则，仔细阅读后，我认为这
- 看了山人表单验证，又看了其他一些验证程序和相关的一些参考资料，写出了一个比较简洁的js表单验证程序。特点是扩展容易，可以方便的添加自己需要的
- 它在Lynx里也会运行得很好：<％@ Language=VBScript ％><HTML><
- 于是写测试程序。。。不行 下载最新的ODBC。。。还是不行 通过sql plus查询。。。咦？竟然也查不到。。。 于是，折腾。。。折腾。。。
