如何設置input輸入框自動小寫轉大寫

若何設置input輸入框主動小寫轉年夜寫？hmtl網頁中，若何讓input文本框內容主動年夜寫？下面，小編來給大師介紹一下實現方式！

東西/原料

1
為便利講解示范，編寫如下圖所示的一個web.html網頁文件：題目為“主動年夜寫”，網頁只包含一個form標簽和一個h1標簽。
2
再在網頁中插手input文本輸入框，并設置id屬性為"myName"。
3
我們設置文本輸入框在掉去核心時來進行小寫轉年夜寫操作，所以插手onblur事務，響應函數名為ToUpperC()。
4
在網頁中插手javascript劇本模塊，方式：在</body>標簽后插入<script></script>
5
再在劇本模塊中編寫ToUpperC()函數，本家兒要功能是獲取input文本框中的值，并經由過程字符串自帶函數toUpperCase()，將值轉換當作年夜寫，再將轉換后的值從頭賦給input文本框。
6
保留點竄后，在瀏覽器打開網頁，輸入內容，當文本框掉去核心時，里面的內容就會主動轉換當作年夜寫了！