在input框之前新增圖片，想到了三種方法。

• 第一種，新增input背景圖片，實現起來很簡單，但是要求必須將圖片放到輸入框的右側，否則會出現文字和圖片重合的問題，現在自己暫時還不能解決此問題。下面是程式碼：

#password{
        width: 200px;
        height: 35px;
        outline: none;
        border: 1px solid blue;
        background: url(img/pass02.svg) no-repeat right ;
}
<input type="password"
 
 name="password" id="password" value="" /><br />

• 第二種，在input框外部新增圖片，再通過樣式調整位置。比較麻煩。而且位置設定不靈活。詳細設定點選

• 第三種是我自己想的，程式碼如下：

<style>
#img{
    width: 73px;
    height: 26px;
    background: url(img/pass02.svg) no-repeat right;      
    display: inline-block;
    }
</style>


<div id=""
 
>
    <span id="img">
            密碼：
    </span>
    <input type="text" name="password" id="password" value="" />
</div>