ปิดการตรวจสอบการสะกดของ Chrome / Safari ด้วย HTML / css


126

มีวิธีสำหรับนักพัฒนาเว็บในการปิดการตรวจสอบการสะกดของ Chrome / Safari / WebKit เฉพาะinputหรือtextareaองค์ประกอบหรือไม่? ฉันหมายถึงโดยแอตทริบิวต์แท็กพิเศษหรือคำสั่ง CSS ที่เป็นกรรมสิทธิ์

มีคำสั่ง CSS สำหรับการปิดการสรุปinputs ดังนั้นฉันคิดว่าอาจมีอยู่ด้วย ฉันรู้ว่าผู้ใช้สามารถทำได้อย่างไร

หรือในฐานะผู้ใช้ฉันสามารถปิดใช้งานสำหรับบางโดเมนได้หรือไม่


3
ซ้ำที่แน่นอนของปิดใช้งานการตรวจสอบการสะกดในช่องข้อความ HTML เป็นเวลา ~ 5 ปี ผู้ดูแล Guess กำลังยุ่งอยู่กับการปิดคำถามที่ถูกกฎหมายเพิ่มเติม
Dan Dascalescu

คำตอบ:


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 ฉันมีอินพุตที่ต้องการปิดใช้งานการตรวจสอบการสะกดและ iPad ยังคงนำเสนอคำแนะนำการสะกดแม้ว่าการตรวจการสะกดแอตทริบิวต์จะตั้งค่าเป็น FALSE :(
ThiagoPXP

ไม่ได้ทำใน chrome android 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.