텍스트 상자 에 소문 자 를 입력 하면 바로 대문자 로 전환 하여 사고 방향 을 실현 합 니 다.

시스템 에 대문자 입력 을 요구 하 는 텍스트 상자 가 있 습 니 다.그러나 사용자 들 은 자신 도 모 르 게 프로그램 에서 통제 할 수 밖 에 없 었 다.
웹 페이지 에서 TextBox 컨트롤 을 끌 어 옵 니 다.

<asp:TextBox ID="TextBoxSeriesNumber" runat="server"></asp:TextBox>
자 바스 크 립 트 스 크 립 트 를 쓰 면 onkeyup 이 벤트 를 사용 하여 알파벳 을 대문자 로 변환 할 수 있 습 니 다.
 
<script type="text/javascript">
window.onload = function () {
var textBox = document.getElementById("<%= TextBoxSeriesNumber.ClientID %>");

textBox.onkeyup = function () {
this.value = this.value.toUpperCase();
};
};
</script>
데모:아래 내용 은 15:08 분 에 보충 합 니 다.위의 방법 은 소문 자 를 먼저 표시 하고 대문자 로 바 꾸 는 것 입 니 다.인터넷 에서 다른 자 료 를 찾 을 때 본의 아니 게 더 좋 은 방법 이 있 습 니 다.바로 CSS 를 사용 하여 스타일="text-transform:uppercase"를 실현 하 는 것 입 니 다.전체 응용 은 다음 과 같다.text-transform 스타일 속성 설명:

좋은 웹페이지 즐겨찾기