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

来源:2-8 编程练习

Aurora_Meteor

2020-04-15 22:43:39


<!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回答

好帮手慕言

2020-04-16

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

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

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

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

http://img.mukewang.com/climg/5e97cd4609d2d13801980086.jpg

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

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

祝学习愉快~

0
hurora_Meteor
h 最后一点您没有明白我的意思。 我知道视频中老师教了两种去掉填充色的方式,这个练习不就是使用那两种方式的嘛。 我说的是,您说现在高版本的谷歌浏览器自动填充色不是黄色了,了解即可,那以后控制填充色的话是只用autocomplete属性就好了还是两种都可以随便用呢还是以后不需要再控制填充色了?
h020-04-16
共1条回复

好帮手慕言

2020-04-16

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

http://img.mukewang.com/climg/5e97f3e20910144906020043.jpg

祝学习愉快~


0

好帮手慕言

2020-04-16

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

祝学习愉快~

0
hurora_Meteor
h 另外是不是要让autocomplete属性生效,必须配合name属性才行?
h020-04-16
共2条回复

Aurora_Meteor

提问者

2020-04-15

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


0

0 学习 · 6815 问题

查看课程