文本框中輸入小寫字母即時(shí)轉(zhuǎn)換為大寫實(shí)現(xiàn)思路
更新時(shí)間：2013年03月31日 18:25:25 作者：
系統(tǒng)中有一個(gè)文本框，要求輸入大寫字母，只是用戶不是那么配合所以只好在程序來控制了，感興趣的朋友可以參考下哈
在系統(tǒng)中，有一個(gè)文本框，要求輸入大寫字母。但是用戶不自覺，只好在程序來控制了。
在網(wǎng)頁中，拉一個(gè)TextBox控件：
復(fù)制代碼 代碼如下:
<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
寫Javascript腳本，可使用onkeyup事件，即時(shí)把字母轉(zhuǎn)換為大寫字母：
復(fù)制代碼 代碼如下:
<script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>");
textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
</script>
Demo:
以下內(nèi)容于15:08分補(bǔ)充：
上面的方法，會(huì)有一個(gè)問題，就是先顯示小寫字母，再轉(zhuǎn)變?yōu)榇髮懽帜?。在網(wǎng)上查找其它資料時(shí)，又無意中發(fā)有一個(gè)更好的方法，就是使用CSS來實(shí)現(xiàn)：
style="text-transform:uppercase;"
完整應(yīng)用如下：
有關(guān)text-transform樣式屬性說明：
相關(guān)文章
asp.net實(shí)現(xiàn)將ppt文檔轉(zhuǎn)換成pdf的方法
這篇文章主要介紹了asp.net實(shí)現(xiàn)將ppt文檔轉(zhuǎn)換成pdf的方法,通過自定義函數(shù)實(shí)現(xiàn)將pptx格式的文件轉(zhuǎn)換成pdf格式文件的功能,是非常實(shí)用的技巧,需要的朋友可以參考下2014-11-11
MAUI中實(shí)現(xiàn)構(gòu)建跨平臺(tái)原生控件
這篇文章介紹了MAUI中實(shí)現(xiàn)構(gòu)建跨平臺(tái)原生控件的方法，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2022-02-02
asp.net 頁面版文本框智能提示JSCode (升級(jí)版)
模擬百度，Google智能提示，非與服務(wù)器端交互的，數(shù)據(jù)源來自已經(jīng)綁定好的下拉列表。純客戶端腳本 升級(jí)版2009-12-12
ASP.NET簡(jiǎn)單獲取服務(wù)端和客戶端計(jì)算機(jī)名稱的方法
這篇文章主要介紹了ASP.NET簡(jiǎn)單獲取服務(wù)端和客戶端計(jì)算機(jī)名稱的方法,涉及asp.net獲取服務(wù)器端計(jì)算機(jī)名以及根據(jù)IP獲取客戶端主機(jī)名的相關(guān)技巧,需要的朋友可以參考下2016-08-08
.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴(kuò)展組件
在本文里小編給大家分享了關(guān)于.NET Core 3.0之創(chuàng)建基于Consul的Configuration擴(kuò)展組件相關(guān)知識(shí)點(diǎn)，需要的朋友們學(xué)習(xí)下。2019-05-05
ASP.NET(C#) Web Api通過文件流下載文件的實(shí)例
這篇文章主要介紹了ASP.NET(C#) Web Api通過文件流下載文件的方法,提供源碼下載,需要的朋友可以參考下。2016-06-06
主題和css差不多但是他可以提供一些css不能提供的特性，下面為大家介紹下ASP.NET 主題的簡(jiǎn)單配置，感興趣的朋友不要錯(cuò)過2013-12-12
asp.ent下合并兩個(gè)結(jié)構(gòu)相同的DataTable
今天遇到了一個(gè)情況,就是從一張數(shù)據(jù)表中讀取幾個(gè)符合條件1的客戶的信息,然后再讀取幾個(gè)符合條件2的客戶的信息,最后顯示出來.因?yàn)榍昂髢纱螖?shù)據(jù)的客戶信息的結(jié)構(gòu)是完全相同的,所以干脆合并成一個(gè)DataTable再賦值給GridView好了.2010-02-02
Asp.Net Core輕松學(xué)之利用日志監(jiān)視進(jìn)行服務(wù)遙測(cè)詳解
這篇文章主要給大家介紹了關(guān)于Asp.Net Core輕松學(xué)之利用日志監(jiān)視進(jìn)行服務(wù)遙測(cè)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面來一起看看吧2018-12-12
.NET Core使用FluentEmail發(fā)送郵件的示例代碼
這篇文章主要介紹了.NET Core使用FluentEmail發(fā)送郵件的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-10-10