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

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

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

เพิ่มช่องกรอกข้อความให้รับเสียงได้บน Webkit (Safari,Chrome,iPhone,Android) ง่ายนิดเดียว

พอดีไปเปิดดูเว็บที่เคย bookmark เอาไว้เลยเจอบทความที่เค้าสอนใส่การรับข้อมูลด้วยเสียงสำหรับ textbox หรือ textarea ใน form http://www.phpied.com/x-webkit-speech-input-and-textareas/

ก็ง่ายๆ แบบนี้เลยครับ

<input type="search" name="q" x-webkit-speech>

ง่ายจริงๆ ^ ^
แต่ลองพูดใส่เข้าไปมันถอดออกมาไม่ตรงกับที่ต้องการ คงเป็นเพราะสำเนียงเรามันไม่เหมือนฝรั่งน่ะแหละ

อะลองเล่นกันเลยครับ สำหรับคนที่ใช้ Safari, Chrome