วันอาทิตย์ที่ 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"

ไม่มีความคิดเห็น:

แสดงความคิดเห็น