我的代码不知道为什么实现不了自动填充啊...

我的代码不知道为什么实现不了自动填充啊...


<!DOCTYPE html>

<html lang="en">


<head>

    <meta charset="UTF-8">

    <title></title>

    <style>

        /*在此处填写代码*/

    </style>

</head>


<body>

    <!--在此处填写代码-->

    <form action="">

        <input type="password" placeholder="请输入密码" autocomplete="on" />

        <input type="email" placeholder="请输入邮箱" autocomplete="on" />

        <input type="submit">

    </form>

</body>


</html>


正在回答

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

4回答

同学你好,关于同学的疑问,解答如下:

1、使用autocomplete属性时,要配合name属性才可以生效。

2、密码是不能自动填充的。

3、谷歌的填充是蓝色,如下:

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

同学提到的是:使用谷歌浏览器,在点击输入框时,边框会有蓝色,可以使用css去掉,如下:
http://img1.sycdn.imooc.com//climg/5e97cd9509e5e56302840112.jpg

4、可以使用老师讲解的方法去掉背景填充。在2-1小节html5基本表单验证特性介绍两分钟左右,老师有介绍这个知识点http://img1.sycdn.imooc.com//climg/5e97cf0d0907f64408260679.jpg

祝学习愉快~

  • Aurora_Meteor 提问者 #1
    最后一点您没有明白我的意思。 我知道视频中老师教了两种去掉填充色的方式,这个练习不就是使用那两种方式的嘛。 我说的是,您说现在高版本的谷歌浏览器自动填充色不是黄色了,了解即可,那以后控制填充色的话是只用autocomplete属性就好了还是两种都可以随便用呢还是以后不需要再控制填充色了?
    2020-04-16 12:54:37
好帮手慕言 2020-04-16 13:59:53

同学你好,可以根据需求来,如果需求是不清除,那就可以不清除,如果需求是要清除的话,两种都是可以使用的

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

祝学习愉快~


好帮手慕言 2020-04-16 09:54:01

同学你好,可以给input元素添加name属性再测试下。另外:是可以这样理解的,不过目前高版本的谷歌浏览器自动填充的背景颜色已经不是黄色了,同学了解即可。

祝学习愉快~

  • 提问者 Aurora_Meteor #1
    老师我刚试了一下,加上name后email的可以实现填充了,但是密码的不行啊,密码的是不是就默认的无法填充? 另外谷歌现在的自动填充是不是背景默认是白色了,只是在点击输入框的时候边框会有蓝色阴影?您说了解即可,那是不再需要管这个背景色了呢还是以后只使用autocomplete属性来控制自动填充就好了呢?
    2020-04-16 10:05:19
  • 提问者 Aurora_Meteor #2
    另外是不是要让autocomplete属性生效,必须配合name属性才行?
    2020-04-16 10:06:00
提问者 Aurora_Meteor 2020-04-15 22:46:57

另外使用-webkit-autofill控制css样式是不是其实就是通过盒阴影覆盖原来的背景色呢?


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

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

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

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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