主頁 > 知識庫 > 文本框中輸入小寫字母即時轉換為大寫實現思路

文本框中輸入小寫字母即時轉換為大寫實現思路

熱門標簽:濟源人工智能電話機器人價格 怎樣在地圖標注消火栓圖形 泰州手機外呼系統軟件 百度地圖標注點擊事件 廈門四川外呼系統 杭州智能電話機器人 地圖標注位置多的錢 山東防封電銷卡辦理套餐 內蒙古智能電銷機器人哪家強

在系統中,有一個文本框,要求輸入大寫字母。但是用戶不自覺,只好在程序來控制了。

在網頁中,拉一個TextBox控件:

復制代碼 代碼如下:

asp:TextBox ID="TextBoxSeriesNumber" runat="server">/asp:TextBox>

寫Javascript腳本,可使用onkeyup事件,即時把字母轉換為大寫字母:
復制代碼 代碼如下:

script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("%= TextBoxSeriesNumber.ClientID %>");

textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
/script>

Demo:

以下內容于15:08分補充:
上面的方法,會有一個問題,就是先顯示小寫字母,再轉變為大寫字母。在網上查找其它資料時,又無意中發有一個更好的方法,就是使用CSS來實現:
style="text-transform:uppercase;"
完整應用如下:

有關text-transform樣式屬性說明:

您可能感興趣的文章:
  • javascript限制文本框只允許輸入數字(曾經與現在的方法對比)
  • javascript 輸入文本框時的友好提示
  • javascript中文本框中輸入法切換的問題

標簽:新鄉 臺州 喀什 周口 洛陽 朝陽 百色 朔州

巨人網絡通訊聲明:本文標題《文本框中輸入小寫字母即時轉換為大寫實現思路》,本文關鍵詞  文本,框中,輸入,小寫,字母,;如發現本文內容存在版權問題,煩請提供相關信息告之我們,我們將及時溝通與處理。本站內容系統采集于網絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《文本框中輸入小寫字母即時轉換為大寫實現思路》相關的同類信息!
  • 本頁收集關于文本框中輸入小寫字母即時轉換為大寫實現思路的相關信息資訊供網民參考!
  • 推薦文章
    2020久久精品亚洲|久久窝窝国产精品午夜看片|亚洲 日韩 激情 无码 中出|国产精品乱码高清在线