为了账号安全,请及时绑定邮箱和手机立即绑定

我的密码框怎么没有个钥匙图标??

575fc9d10001564603240197.jpg

575fc9d20001486501920063.jpg

自己电脑上全写的一样 为什么没有那个可爱的钥匙??


正在回答

8 回答

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>添加小图标</title>
    <style type="text/css">
        .div-bor
 {
            position: relative;
            width:200px;
        }
        .icon-user
 {
            position: absolute;
            right: 0px;
            top: 1px;
            z-index: 5;
            background-image: url(Icon.png);
            background-repeat: no-repeat;
            background-position: 0px 0px;
            width: 20px;
            height: 20px;
            margin: 0px 43px 0px 10px;
        }
        .user
 {
            padding-right:20px;
        }
    </style>
</head>
<body>
<div class="div-bor">
    <i class="icon-user" onclick="fir()"></i>
    <input type="text" class="user" />
</div>
<script>
    function fir(){
        alert("我的名字");
    }
</script>
</body>
</html>

这个没有实现上面的钥匙功能,但是大致做了一个假的,只需要自己添加个名字是Icon.png的图标在文件里即可.

0 回复 有任何疑惑可以回复我~

用CSS代码加入<img src="">就可以啦

0 回复 有任何疑惑可以回复我~

加入图片代码<img src=“图片地址”>

0 回复 有任何疑惑可以回复我~

用<img>标签引入这张图片

0 回复 有任何疑惑可以回复我~

你需要在代码中写入<img src:"文件地址“〉

0 回复 有任何疑惑可以回复我~
#1

bestDove 提问者

在input 里面如何放置img这个标签呢?
2016-06-14 回复 有任何疑惑可以回复我~
#2

qq_青田花姑娘_03431856

http://jingyan.baidu.com/article/73c3ce28ea1e95e50343d989.html input这种模式更加方便直接显示
2016-06-14 回复 有任何疑惑可以回复我~

o 要是以后还有课程涉及到我就在这里不深究了 ; 

0 回复 有任何疑惑可以回复我~

而且在测试里也没有你说的那个图标

0 回复 有任何疑惑可以回复我~

那是个图标,需要用css样式加入进去

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

我的密码框怎么没有个钥匙图标??

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号