HTML / css로 Chrome / Safari 맞춤법 검사 끄기


126

방법이있다 웹 개발자를위한 특정에 크롬 / 사파리 / 웹킷의 맞춤법 검사를 해제 input하거나textarea 요소 있습니까? 특별한 태그 속성이나 독점적 인 CSS 명령을 의미합니다.

inputs의 개요를 끄는 CSS 지침 이 있으므로 그것도 존재할 수 있다고 생각했습니다. 사용자가 할 수있는 방법을 알고 있습니다.

또는 사용자로서 특정 도메인에 대해 비활성화 할 수 있습니까?


3
HTML 텍스트 필드 에서 맞춤법 검사 사용 안함의 정확한 중복 , ~ 5 년. 중재자가 더 많은 합법적 인 질문을 마무리 하느라 바빴던 것 같습니다.
Dan Dascalescu 2015

답변:


211

예, HTML5 맞춤법 검사 속성이 있습니다.

<textarea spellcheck="false"> 또는 <input type="text" spellcheck="false">

http://www.whatwg.org/specs/web-apps/current-work/multipage/editing.html#spelling-and-grammar-checking

업데이트 : 이제 모든 브라우저의 최신 버전에서 지원됩니다.


Safari Mobile에서 작동하지 않는 것 같습니다. 맞춤법 검사를 비활성화하려는 입력이 있으며 속성 맞춤법 검사가 FALSE로 설정되어 있어도 iPad에서 맞춤법 제안을 계속 제공합니다. :(
ThiagoPXP 2013

크롬 안 드 로이드 67에서 그것을하지 않았다 : /
Ray Foss

36

이것은 Safari 7.1에서 작동하며 다른 곳에서도 작동합니다.

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

spellcheck="false"작동하지 않았다.


7

양식의 모든 요소에 대해 가능하므로 다음과 같습니다.

<form spellcheck="false" .. />

3

입력 태그 개요와 관련하여 :하지 마십시오. 사용자를위한 시각적 신호입니다.

그러나 다음을 수행해야하는 경우 :

#your-input{outline:none;}

3
윤곽선을 제거하는 경우 일반적으로 이미 다른 시각적 신호가 :focus있고 윤곽선이이를 방해하고 있기 때문입니다. :focus기본값으로 두면 다른 브라우저간에 불연속이 발생합니다. 이 경우 stackoverflow.com/questions/71074/… 도 도움이 될 수 있습니다.
Hawken

2
@Hawken 여러 사이트에서 시각적 단서를 제거하고 대체품을 제공하지 않는 것을 보았습니다. 커스텀 큐는 괜찮지 만 몇 가지가 있어야합니다.
Camilo Martin

1
문제는 맞춤법 검사에서 입력 내용이 잘못 입력되었다고 판단 할 때 텍스트 상자 내부의 구불 구불 한 선에 관한 것입니다. 즉, 귀하의 답변은 알아두면 좋은 정보입니다.
MrBoJangles

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