h5搜索框如何加放大镜

 时间:2026-02-14 12:17:41

1、首先,我们把type中的text类型改成search值后,其实也没有多大改变,只不过在搜索框右侧多了一个删除按钮,点击删除可以清楚搜索框里的内容。

h5搜索框如何加放大镜

2、于是又是根据资料夹了一个results属性1<input results="s" type="search" />。

h5搜索框如何加放大镜

3、加了这个属性后,搜索框就有了一个放大镜了!

h5搜索框如何加放大镜

4、如果值是数字,还会出现一个三角箭头,大家可以试试,results 等于字母的效果,results 等于数字的效果。

h5搜索框如何加放大镜

5、如本站的搜索框就用此方法,如果童鞋们看不到效果那么可能是你们的浏览器不支持HTML5,请更换浏览器,就可以了哦!

h5搜索框如何加放大镜

  • 如何在html中制作圆角矩形
  • 怎样让html中的文字垂直水平居中显示
  • id选择器的使用
  • html文本区域大小怎么设置
  • HTML网页怎么设置圆角边框
  • 热门搜索
    途牛网旅游网 成都旅游团购网 西安旅游景点介绍 漳州旅游攻略 四川旅游景点推荐 旅游活动主题 沙湖旅游攻略 锦溪古镇旅游攻略 西欧旅游 福建东山岛旅游攻略