[attribute] HTML - spellcheck 속성 - 맞춤법 검사 (= 철자 검사 = spellcheck속성 = 스펠체크속성) ※ 올바른 글자인지 체크 = 스펠링 검사

1. spellcheck 예제 - 맞춤법 검사
2. spellcheck 정의
3. spellcheck 구문

spellcheck 예제 - 맞춤법 검사

(예) 각 요소에 입력 후 해당 요소 포커스해보면 틀린 글자 표시됨.

 

<textarea spellcheck="true">I want to be a debeloper.</textarea><br>

<input type="text" spellcheck="true" value="I want to be a debeloper."><br>

<p contenteditable="true" spellcheck="true">I want to be a debeloper.</p>

 

결과보기

spellcheck 정의

 

입력 가능 요소의 맞춤법 철자 검사.

 

---

 

1. spellcheck 속성 사용 가능 태그 종류

전역속성이라 입력 가능한 모든 요소에 사용 가능. (예) <input>, <textarea>, <p contenteditable="true"> 등

• <input type="password">에서는 작동 X

 

2.

• 철자 검사는 실시간으로 이루어지며, 입력 후 해당 요소에 포커스 해보면 틀린 글자는 빨간 물결무늬 밑줄로 표시됨.
• 작동 않는 경우, 브라우저가 지원 않거나 브라우저 맞춤법 검사 기능이 꺼진 경우임.
• 크롬 (Chrome) 브라우저 맞춤법 검사 활성화 방법: 설정 > 언어 > 맞춤법 검사 

3.

IE10 이상 주요 최신 브라우저 지원.

 

spellcheck 구문

 

<element spellcheck="true|false">

 

---

[속성값]

 

• true - 맞춤법 검사 O
• false - 맞춤법 검사 X