當(dāng)前位置：軟件學(xué)堂 > 資訊首頁 > 網(wǎng)絡(luò)編程 > 編程其他 > 網(wǎng)頁中如何實現(xiàn)輸入的英文自動全大寫

網(wǎng)頁中如何實現(xiàn)輸入的英文自動全大寫

2012/11/14 11:15:51作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

網(wǎng)頁中如何實現(xiàn)輸入的英文自動全大寫

【實例描述】

在有些文檔中需要將內(nèi)容中出現(xiàn)的英文字母都大寫，為了方便操作可在網(wǎng)頁中將文本框的內(nèi)容設(shè)置為英文自動大寫。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
</head>
<body>
輸入英文小寫字母,測試發(fā)生的變化<br />
<input  onkeydown="this.value=this.value.toUpperCase()">
</body>
</html>

【運行效果】

 輸入的英文自動全大寫運行效果

【難點剖析】

本例中首先使用“onkeydown”獲取用戶輸入字母時觸發(fā)的事件，然后使用字符串對象的“toUpperCase”方法，將當(dāng)前文本框值“this．value”中的英文全部轉(zhuǎn)換為大寫。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點擊：輸入的英文自動全大寫 進(jìn)行本實例源碼下載 

標(biāo)簽： 網(wǎng)頁  轉(zhuǎn)換  全大寫