Story/html/css

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

Stdio 2016. 9. 2. 13:56
반응형

보통 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
반응형