1新建并保存一個html文檔，進入html代碼編輯頁面2寫一個input文本輸入框，并定義ID，然后寫一個按鈕，并定義ID3要做的效果就是點擊按鈕為輸入框賦值，然后把輸入框和按鈕的css樣式寫好，不寫樣式也可以4引入jquery文件，路徑要正確，寫jquery代碼，打開瀏覽器測試一下，點擊按鈕之后，輸入。

2其次，將after偽元素添加到input標簽前面的span標簽，然后將偽元素的背景設置為要添加的圖片，如下圖所示3最后，將相對位置添加到父元素，為了使偽元素能相對父級div定位 通過調整after偽元素的left值和top值，可以將圖片放入input框這樣，就實現了把一張圖片弄到輸入框里面了，如下圖所示。

為了實現這一邏輯，我們首先需要獲取到輸入框中的當前值，然后將其拆分并轉換成數值形式存儲在數組中，進行相應的計算，最后再將結果賦值回輸入框具體步驟如下首先，我們需要在HTML中創(chuàng)建一個輸入框，并設置一個按鈕用于觸發(fā)計算過程接著，通過JavaScript監(jiān)聽輸入框的變化事件，當檢測到輸入變化時。

1首先打開html編輯器，新建一個html文件，例如indexhtml2在indexhtml中的ltbody標簽中，輸入以下html代碼ltinput type=quottextquot placeholder=quot請輸入賬號quot ltinput type=quotpasswordquot placeholder=quot請輸入密碼quot 3瀏覽器運行indexhtml頁面，此時的輸入框有了提示文字“請輸入賬號”。

html彈出一個輸入框提示用戶輸入姓名1首先打開html編輯器，新建一個html文件，例如indexhtml2世或在indexhtml中的body標簽中，輸入以下html代碼inputtype=quottextquotplaceholder=quot請輸入賬號quot inputtype=quotpasswordquotplaceholder=quot請輸入密碼quot 3瀏覽器運行indexhtml頁面，此時的輸入框有了提示。