หากต้องการปิดการตรวจสอบคำสะกดสำหรับองค์ประกอบฟอร์ม ให้เพิ่มแอตทริบิวต์ spellcheck="false" ลงในองค์ประกอบ <input> หรือ <textarea> ที่ต้องการ
ตัวอย่างโค้ด
<!DOCTYPE html>
<html>
<head>
<title>ตัวอย่างการปิด Spellcheck</title>
</head>
<body>
<h1>ตัวอย่างการปิดการตรวจสอบคำสะกด</h1>
<form>
<p>ชื่อของคุณ:</p>
<input type="text" name="fname" spellcheck="false">
<p>เกี่ยวกับคุณเอง</p>
<textarea name="about" spellcheck="true"></textarea><br>
<input type="submit">
</form>
<h2>ลองพิมพ์คำผิดในช่องข้อความด้านบนเพื่อดูการทำงานของ Spellcheck</h2>
</body>
</html>
ผลลัพธ์
โค้ดข้างต้นจะแสดงฟอร์มที่มีช่องกรอกข้อมูล 2 ช่อง:
- ช่อง "ชื่อของคุณ" - ปิดการตรวจสอบคำสะกด (
spellcheck="false") - ช่อง "เกี่ยวกับคุณเอง" - เปิดการตรวจสอบคำสะกด (
spellcheck="true")
เมื่อพิมพ์คำผิดในช่องที่เปิด spellcheck จะเห็นเส้นใต้สีแดงแจ้งเตือน ขณะที่ช่องที่ปิด spellcheck จะไม่มีการแจ้งเตือน
คำอธิบายเพิ่มเติม
แอตทริบิวต์ spellcheck สามารถใช้ได้กับองค์ประกอบต่อไปนี้:
<input>(ยกเว้น type="password")<textarea>- องค์ประกอบที่มี
contenteditable="true"
ค่าเริ่มต้นขึ้นอยู่กับเบราว์เซอร์และการตั้งค่าของผู้ใช้ โดยทั่วไปจะเป็น true สำหรับช่องกรอกข้อความ
