Input Type : Search,那些不曾说起的代码

网络中的信息增长每一秒。自从谷歌重新定义搜索在90年代末的,发现信息通过组织目录已经si了。今天,我们可以发现一个“搜索框”在几乎所有网站丰富的内容,甚至在个人博客流行。

在HTML5中,我们可以定义一个文本框的搜索框,而不是正常的文本框。你能做什么为你搜索框是这样的:-

<input id="mysearch" type="search" />

通过这样做,别指望web浏览器与搜索引擎自动混合。它几乎像一个正常的文本框<input type="text">,但是浏览器可能略有调整,使它更可爱一点。
写作,只有苹果Safari(测试与Safari 5)和Google Chrome(测试与谷歌Chrome 8)。
调整浏览器搜索框吗?
ie10✓
火狐13
Safari 5✓
Chrome 8✓
Opera 9


您可能会注意到,有一个蓝色的“十字”标志出现在文本框输入一些搜索框时,当你点击“十字架”,输入字符串将清楚,你可以开始一个新的字符串类型。
您可以添加多个输入属性,如“占位符”或“自动对焦”。下面是演示搜索框的占位符属性。
在这里输入您的搜索字符串:
这是它背后的代码。

<label for="mysearch2">Enter your search string here : </label> 
<input id="mysearch2" type="search" placeholder="search">


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值