เพิ่มตรวจสอบการสะกดคำ (spellcheck) ใน HTML

ใช้แอตทริบิวต์ spellcheck เพื่อเปิด/ปิดการตรวจสอบการสะกดคำและไวยากรณ์ในองค์ประกอบที่รับข้อความได้ เช่น <input>, <textarea>, และองค์ประกอบที่มี contenteditable

ค่าที่ใช้ได้

• spellcheck="true" - เปิดใช้งานตรวจสอบ (default สำหรับบางองค์ประกอบ)
• spellcheck="false" - ปิดการตรวจสอบ

ตัวอย่างการใช้งาน

<!DOCTYPE html>
<html>
<body>
  <h2>ตัวอย่าง Spell Check</h2>
  
  <label for="subject">หัวข้อ:</label>
  <input type="text" id="subject" name="sub" spellcheck="true" placeholder="พิมพ์ผิดๆ ดู">
  <br><br>
  
  <p>พื้นที่แก้ไขได้ (contenteditable):</p>
  <div contenteditable="true" spellcheck="true" style="border:1px solid #ccc; padding:10px; min-height:100px;">
    This is an editable conttent, with a spelling mistake. Click to edit.
  </div>
  <br><br>
  
  <label for="bio">ชีวประวัติ (ปิด spellcheck):</label>
  <br>
  <textarea id="bio" rows="4" cols="50" spellcheck="false" placeholder="โค้ดหรือคำเฉพาะที่ไม่ต้องการตรวจสอบ"></textarea>
</body>
</html>

การทำงานของเบราว์เซอร์

• ขีดเส้นใต้สีแดง (หรือสีอื่นตามธีม) ใต้คำที่ผิด
• คลิกขวาเพื่อดูคำแนะนำแก้ไข
• ภาษาที่ใช้ตรวจสอบขึ้นอยู่กับการตั้งค่าเบราว์เซอร์/ระบบปฏิบัติการ
• สามารถเพิ่มคำลงในพจนานุกรมส่วนตัวได้

แอตทริบิวต์ที่เกี่ยวข้อง

แนวทางปฏิบัติที่ดีที่สุด

• เปิด spellcheck สำหรับฟอร์มทั่วไป (อีเมล, ชื่อ, ข้อความ)
• ปิด spellcheck สำหรับโค้ด, รหัสผ่าน, รหัสสินค้า, อีเมล (บางครั้ง)
• ใช้ lang attribute ระบุภาษาเพื่อความแม่นยำ: <html lang="th">