css style 로 input 에 대문자로만 입력받기

보통 javscript 를 이용해서 key press 등의 이벤트에 대문자로 바꾸는것으로 작업을 많이 했는대

간단하게 style 로도 가능하다.

 

<input type="text" name="이름" value="" style="text-transform:uppercase;" />

 

정말 간단하다.

 

css 에 추가해두어도 된다.

 

 

http://www.w3schools.com/cssref/pr_text_text-transform.asp

CSS Syntax

text-transform: none|capitalize|uppercase|lowercase|initial|inherit;

Property Values

Value	Description
none	No capitalization. The text renders as it is. This is default
capitalize	Transforms the first character of each word to uppercase
uppercase	Transforms all characters to uppercase
lowercase	Transforms all characters to lowercase
initial	Sets this property to its default value. Read about initial
inherit	Inherits this property from its parent element. Read about inherit