亚洲欧美精品沙发,日韩在线精品视频,亚洲Av每日更新在线观看,亚洲国产另类一区在线5

<pre id="hdphd"></pre>

  • <div id="hdphd"><small id="hdphd"></small></div>
      學(xué)習(xí)啦 > 學(xué)習(xí)電腦 > 電腦硬件知識 > 鍵盤鼠標(biāo) > 鼠標(biāo)點(diǎn)擊輸入框文字消失怎么辦

      鼠標(biāo)點(diǎn)擊輸入框文字消失怎么辦

      時間: 鎮(zhèn)權(quán)965 分享

      鼠標(biāo)點(diǎn)擊輸入框文字消失怎么辦

        當(dāng)我們對鼠標(biāo)進(jìn)行特效裝飾的時候,卻發(fā)現(xiàn)鼠標(biāo)點(diǎn)擊輸入框文字就消失了怎么辦?下面是學(xué)習(xí)啦小編為大家介紹鼠標(biāo)點(diǎn)擊輸入框文字消失的解決方法,歡迎大家閱讀。

        鼠標(biāo)點(diǎn)擊輸入框文字消失的解決方法

        11.我們在充值繳費(fèi)的時候,或者輸入用戶名密碼的時候,經(jīng)常會見到如下的提示框

        22.當(dāng)你的鼠標(biāo)點(diǎn)擊在“手機(jī)號碼輸入框”中的時候,輸入框中的“請輸入手機(jī)號碼”文字消失,取代的是鼠標(biāo)中的光標(biāo)

        3.此特效是如何實(shí)現(xiàn)的呢?看下如下的代碼

        4.把此代碼拷貝到 dreamwerver 的body標(biāo)簽中間,并預(yù)覽,在瀏覽器中的效果如下

        5.把鼠標(biāo)點(diǎn)擊進(jìn)入輸入框,文字消失

        6.現(xiàn)在解釋下這段代碼的意思

        首先,是一個文本框html標(biāo)簽

        value="請輸入手機(jī)號碼" -- 代表文本框中顯示的內(nèi)容是“請輸入手機(jī)號碼”

        7.onblur="if(this.value =='') {this.value = '請輸入手機(jī)號碼'}"

        -- onblur:官方標(biāo)準(zhǔn)解釋是:事件會在對象失去焦點(diǎn)時發(fā)生 。

        也就是說當(dāng)你的鼠標(biāo)焦點(diǎn)離開文本框的時候執(zhí)行后邊的代碼。

        后邊的代碼是個if條件語句,翻譯過來的意思就是,當(dāng)這個文本框的值等于空的時候執(zhí)行大括號里的代碼。

        大括號里的代碼翻譯過來是 給文本框賦值“請輸入手機(jī)號碼”。

        整體代碼實(shí)現(xiàn)的效果就是,當(dāng)你鼠標(biāo)離開的時候,文本框重新填充內(nèi)容“請輸入手機(jī)號碼”

        8.onfocus="if(this.value == '請輸入手機(jī)號碼'){ this.value = '';this.style.color='#737e73';}"

        --onfocus:官方標(biāo)準(zhǔn)解釋:事件在對象獲得焦點(diǎn)時發(fā)生。

        也就是說,當(dāng)你的鼠標(biāo)點(diǎn)擊進(jìn)入文本框時,執(zhí)行后邊的代碼。

        后邊的代碼也是個if語句,翻譯過來的意思就是,當(dāng)文本框的值是“請輸入手機(jī)號碼”的時候,執(zhí)行后邊大括號里的代碼。

        大括號里的代碼翻譯過來就是 給文本框賦值為空,也就是清空文本框的內(nèi)容,并且把文本框里的顏色賦值為#737e73。

        整體代碼實(shí)現(xiàn)的效果就是,當(dāng)你鼠標(biāo)點(diǎn)擊進(jìn)入文本框的時候,文本框的內(nèi)容“請輸入手機(jī)號碼”消失,并且光標(biāo)的顏色變?yōu)?737e73。

        9.name="phoneNum" maxlength="11"

        --此代碼是定義文本框的名字是"phoneNum" 是要在form表單提示的時候用到,這里可以忽略

        --maxlength 是定義文本框只能輸入11個字符,因?yàn)殡娫捥柎a是只有11位,所以定義他的最大輸入長度

        10.理解一下上邊的代碼,把this.style.color='#737e73' 修改為 this.style.color='#ff0000'

        11.在瀏覽器中的效果是什么樣子的?沒錯,當(dāng)你鼠標(biāo)點(diǎn)擊進(jìn)入的時候,光標(biāo)變?yōu)榱思t色

        12.當(dāng)你鼠標(biāo)離開的時候,文字也變成了紅色

      鼠標(biāo)點(diǎn)擊輸入框文字消失怎么辦相關(guān)文章:

      1.jQuery實(shí)現(xiàn)鼠標(biāo)單擊網(wǎng)頁文字后在文本框顯示

      2.如何解決鼠標(biāo)無法選中文字

      3.ppt怎樣設(shè)置單擊后顯示的動畫你知道在ppt里怎樣設(shè)置通過點(diǎn)擊...

      4.沒有鼠標(biāo)如何啟動wps文字

      5.cad怎么在標(biāo)題欄中輸入文字

      6.CAD輸入文字時如何修改輸入框

      7.怎么實(shí)現(xiàn)css實(shí)現(xiàn)鼠標(biāo)滑過改變文字

      2704194