當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > JS代碼實現(xiàn)文本框簡單的單擊效果

JS代碼實現(xiàn)文本框簡單的單擊效果

2012/10/20 16:18:57作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

文本框簡單的單擊效果

【實例描述】

為了提示用戶文本框的輸入內(nèi)容，可以為文本框設(shè)置默認(rèn)值，如“請輸人姓名”。但如果這樣，用戶就需要先刪除這個提示，然后再輸入姓名。為了方便用戶操作，本例實現(xiàn)單擊文本框后，提示內(nèi)容自動消失的特效。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁</title>
</head>
<body>
<input name="username" type="text"  onClick="this.value=''"  value="單擊我試試" size="20" maxlength="20">
</body>
</html>

【運行效果】

運行效果

【難點剖析】

本例中借用文本框控件的“onClick”事件，觸發(fā)用戶單擊文本框的操作，“this.value”中“this”表示當(dāng)前單擊的對象，也就是輸入框控件?！皏alue”表示輸人框的顯示值。

【源碼下載】

本實例JS代碼下載

標(biāo)簽： JS代碼  文本框