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

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

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

1首先打開(kāi)html編輯器，新建一個(gè)html文件，例如indexhtml2在indexhtml中的ltbody標(biāo)簽中，輸入以下html代碼ltinput type=quottextquot placeholder=quot請(qǐng)輸入賬號(hào)quot ltinput type=quotpasswordquot placeholder=quot請(qǐng)輸入密碼quot 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)的輸入框有了提示文字“請(qǐng)輸入賬號(hào)”。

html彈出一個(gè)輸入框提示用戶輸入姓名1首先打開(kāi)html編輯器，新建一個(gè)html文件，例如indexhtml2世或在indexhtml中的body標(biāo)簽中，輸入以下html代碼inputtype=quottextquotplaceholder=quot請(qǐng)輸入賬號(hào)quot inputtype=quotpasswordquotplaceholder=quot請(qǐng)輸入密碼quot 3瀏覽器運(yùn)行indexhtml頁(yè)面，此時(shí)的輸入框有了提示。