-webkit-autofill这个怎么玩??

-webkit-autofill这个怎么玩??

-webkit-autofill这个怎么玩?? 怎么以前没用过?、

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕久久 2020-06-28 10:37:17

同学你好,问题解答如下:

在页面上写个input框,并设置name属性(该name属性,需要在form表单中提交过),这时input框获取焦点就会有提示内容了。

比如,老师之前在form表单中提交过name属性为username的input框,页面上只写一个如下的input框,就可以有提示内容:

http://img1.sycdn.imooc.com//climg/5ef801a2096f542c04180348.jpg

然后鼠标移入提示内容,输入框填充颜色就会改变,这个颜色在不同的浏览器上可能不一样,在老师这里是蓝色的:

http://img1.sycdn.imooc.com//climg/5ef801c60931462905540274.jpg

这个颜色可以使用-webkit-autofill更改,如下:

http://img1.sycdn.imooc.com//climg/5ef801ce09f3a52f05540310.jpg

http://img1.sycdn.imooc.com//climg/5ef801d109485ab103060286.jpg

这个属性是html5新增的,并不常用,同学练习下就好。

如果我的回答帮到了你,欢迎采纳,祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师