Tắt kiểm tra chính tả Chrome / Safari bằng HTML / css

126

Có cách nào để nhà phát triển web tắt tính năng kiểm tra chính tả của Chrome / Safari / WebKit trên các phần tử inputhoặc textareathành phần cụ thể không? Ý tôi là hoặc thuộc tính thẻ đặc biệt hoặc hướng dẫn CSS độc quyền.

Có một hướng dẫn CSS để tắt phác thảo của inputs vì vậy tôi nghĩ rằng nó cũng có thể tồn tại. Tôi biết làm thế nào một người dùng có thể làm điều đó.

Hoặc, với tư cách là người dùng, tôi có thể vô hiệu hóa nó cho một số tên miền cụ thể không?

— Untilda
nguồn

3

Bản sao chính xác của Vô hiệu hóa kiểm tra chính tả trên các trường văn bản HTML , trong ~ 5 năm. Người điều hành đoán đã bận rộn đóng các câu hỏi hợp pháp hơn.

— Dan Dascalescu 7/07/2015

211

Vâng, có thuộc tính kiểm tra chính tả HTML5.

<textarea spellcheck="false"> hoặc là <input type="text" spellcheck="false">

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

Cập nhật: Điều này hiện được hỗ trợ trong các phiên bản mới nhất của tất cả các trình duyệt.

— Bò tót
nguồn

Nó dường như không hoạt động trên Safari Mobile. Tôi có một đầu vào mà tôi muốn tắt kiểm tra chính tả và iPad tiếp tục đưa ra các đề xuất chính tả mặc dù kiểm tra chính tả thuộc tính được đặt thành FALSE. :(

— ThiagoPXP

Không làm điều đó trong chrome android 67: /

— Ray Foss

36

Điều này hoạt động trong Safari 7.1 và cũng hoạt động trong những người khác:

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

Chỉ spellcheck="false"không làm việc.

— Timo Kähkönen
nguồn

7

đối với tất cả các yếu tố của một hình thức là có thể và vì vậy:

<form spellcheck="false" .. />

— MTM
nguồn

3

Về phác thảo các thẻ đầu vào: đừng làm điều đó, đó là một gợi ý trực quan cho người dùng.

Nhưng nếu bạn phải:

#your-input{outline:none;}

— Camilo Martin
nguồn

3

Nếu bạn đang loại bỏ phác thảo thì thường là vì bạn đã có các dấu hiệu trực quan khác :focusvà phác thảo đang can thiệp vào chúng; để :focusmặc định là nguyên nhân gây ra sự gián đoạn giữa các trình duyệt khác nhau. stackoverflow.com/questions/71074/ cũng có thể hữu ích trong trường hợp này.

— Hawken

2

@Hawken Tôi đã thấy một số trang web loại bỏ tín hiệu trực quan và không cung cấp bất kỳ thay thế nào. Tôi ổn với các tín hiệu tùy chỉnh, nhưng phải có một số.

— Camilo Martin

1

Câu hỏi là về dòng nguệch ngoạc bên trong hộp văn bản khi kiểm tra chính tả cho thấy đầu vào sai chính tả, không phải là phác thảo, nếu tôi không nhầm. Điều đó nói rằng, câu trả lời của bạn là thông tin cần biết.

— MrBoJangles 11/2/2015

2

Trong React, bạn phải sử dụng spellCheckthay thế.

<input spellCheck={false} type="text"/>

— Paul Razvan Berg
nguồn