แสดงบทความที่มีป้ายกำกับ input แสดงบทความทั้งหมด
แสดงบทความที่มีป้ายกำกับ input แสดงบทความทั้งหมด

วันอาทิตย์ที่ 11 ธันวาคม พ.ศ. 2554

ทำให้ inputbox บน browser ของ iOS ไม่เป็นตัวใหญ่ในอักษรตัวแรก

พอดีว่าทำเว็บไซต์ที่ให้ user สามารถใช้งานได้บนมือถือด้วย แต่เจอปัญหาแปลกๆ ที่เวลากรอกข้อมูล username ลงไปแล้ว webkit browser บน iOS หรือ iPhone,iPad มันจะทำให้ตัวอักษรตัวแรกเป็นตัวใหญ่โดยอัตโนมัติทุกครั้ง ซึ่งพอส่งค่าไปตรวจสอบก็จะพบว่าไม่ตรงกับข้อมูลที่เรามี

ซึ่งเราก็อาศัยการแก้ไขโดยการแปลงค่าที่ส่งมาให้เป็นตัวเล็กทั้งหมดก่อนที่จะเช็ค ซึ่งก็ใช้งานได้ปกติดี

แต่วันนี้เจอวิธีการที่จะทำให้ช่องกรอกข้อมูล มันไม่เซ็ตอักษรตัวแรกเป็นตัวใหญ่แล้วที่นี่
http://developer.apple.com/library/IOs/#documentation/AppleApplications/Reference/SafariWebContent/DesigningForms/DesigningForms.html#//apple_ref/doc/uid/TP40006512-SW1

โดยการใส่ attribute เพิ่มลงไปใน input ว่า
autocapitalize="none"

ตัวอย่างที่เค้ายกมาบนเว็บก็จะเป็นแบบนี้ 
<form autocapitalize="words">
First Name: <input name="first-name">
Last Name: <input name="last-name">
State: <input name="state" autocapitalize="characters">
Username: <input name="username" autocapitalize="none">
Comment: <textarea name="comment" autocapitalize="sentences"></textarea>
</form>
แต่ลองแล้วบน <iOS4 จะต้องใช้เป็น autocapitalize="off"