HTML 텍스트 필드에서 맞춤법 검사 사용 안함


287

HTML 텍스트 필드에서 맞춤법 검사를 비활성화 할 수 있습니까 (예 : Safari 참조)?

답변:


420

업데이트 : 주석자가 제안한대로 ( iPhone의 텍스트 입력에서 맞춤법 검사기를 비활성화하는 방법 에 대한 추가 크레딧 )이 기능을 사용하여 모든 데스크탑 및 모바일 브라우저를 처리하십시오.

<tag autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"/>

원래 답변 : Javascript는 사용자 설정을 무시할 수 없으므로 텍스트 필드 이외의 다른 메커니즘을 사용하지 않으면 가능하지 않습니다.


4
이것이 왜 받아 들여졌습니까? 브라우저에서 허용하는 경우 사용자 설정을 무시할 수 있으므로 의미가 없습니다. ms2ger의 답변을 참조하십시오.
usr

1
당시 최고의 답변 이었기 때문입니다. 나는 Michiel이 다시 돌아 가지 않았고 다른 것을 올바른 것으로 표시했다고 생각합니다. 더 나은 답변이므로 저에게 좋을 것입니다.
Eric Wendelin

2
브라우저 호환성에 유의해야 할 점-모바일 사파리 (iOS)는 태그를 존중하지 않습니다 -wufoo.com/html5/attributes/17-spellcheck.html
radicand

3
stackoverflow.com/questions/3416867/…autocorrect="off" 모바일 사파리에 대한 ( )에 대한 정답이 spellcheck=있습니다
Chris S

1
autoComplete = "off"autoCorrect = "off"autoCapitalize = "off"spellCheck = "false"
zaman

208

예, HTML5에spellcheck="false" 정의 된대로를 사용하십시오 ( 예 :

<textarea spellcheck="false">
    ...
</textarea>

1
MDN에는 다양한 브라우저 및 요소에 대한 맞춤법 검사의 기본값을 보여주는 표가 있습니다. developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/…
Paul

2
"알 수없는 DOM 속성 맞춤법 검사입니다. 맞춤법 검사를 의미 했습니까?"라는 오류가 발생합니다. 사용하면 spellCheck만족할 것 같습니다. 반작용적일 수 있습니다.
Shanimal

3
@Shanimal 예, react는 DOM 속성에 낙타 케이스를 사용합니다. 참조 reactjs.org/docs/introducing-jsx.html
수키

13

문법적으로 다음을 사용할 수 있습니다.

<textarea data-gramm="false" />

7

IFrame은 맞춤법 검사기 (콘텐츠 편집 가능이 true로 설정된 경우)를 최소한 Chrome에서 텍스트 입력란으로 "트리거"합니다.


1
실제 내용 인 "콘텐츠 편집 가능 세트를 true로 설정"트릭에 +1
AT

4

다음 코드 스 니펫은 모든 textareainput[type=text]요소에 대해이를 비활성화합니다 .

(function () {
    function disableSpellCheck() {
        let selector = 'input[type=text], textarea';
        let textFields = document.querySelectorAll(selector);

        textFields.forEach(
            function (field, _currentIndex, _listObj) {
                field.spellcheck = false;
            }
        );
    }

    disableSpellCheck();
})();
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.