input에서 영어 첫글자 대문자 (단어 첫글자 대문자) - text-transform

input, textarea에서 첫글자가 자동으로 대문자로 변한다.

문장 첫글자 뿐만 아니라 단어 첫글자가 대문자로 나오기도 한다..;; (이메일 양식이나 한글+영어 조합의 경우)

 

1. autocorrect="off" autocapitalize="none"

<input type="text" name="title" placeholder="제목" autocorrect="off" autocapitalize="none">

이 방법이 제일 많이 나온다. 나는 근데 이 방법으로는 해결이 안됐다 ㅠ

2. text-transform: none;

input, textarea{
	text-transform: none !important;
}

난 이렇게 하니까 됐다. text-transform은 대문자 또는 소문자로 변경하는 속성이다.

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

• none : 입력된 그대로 출력합니다.
• capitalize : 단어의 첫번째 글자를 대문자로 바꿉니다.
• uppercase : 모든 글자를 대문자로 바꿉니다.
• lowercase : 모든 글자를 소문자로 바꿉니다.
• initial : 기본값으로 설정합니다.
• inherit : 부모 요소의 속성값을 상속받습니다.

3.  type="email"

이메일 태그는 소문자만 된다고 한다! 최후의 보루 ㅠ