พัฒนาการ การรองรับ input type ของ Browser


ต่อเนื่องจาก https://mossila.wordpress.com/2011/06/28/input-type-vs-browser/

เพราะว่ามันนานมาแล้วมากๆ เลยต้องขุดออกมา update ซะหน่อย
Browser ที่จับมายำวันนี้ได้แก่ Firefox , Chrome , Safari

    1. เรื่องของหน้าตา เรียกว่าดูแว้บแรก ก็รู้เลยว่า chrome มัน support เยอะกว่าเจ้าอื่นแน่ๆ รองลงมาน่าจะเป็น safari และสุดท้ายที่ firefox
      แต่ดูท่าว่า safari และ firefox จะไม่ได้มีการพัฒนาต่อเลยตั้งแต่ blog ไว้คราวนู้นรูปภาพ
    2. autofocus ใช้ได้ทุก browser จ้า
    3. เรื่องของการ require ไม่น่าจะมีปัญหาอะไร กับ Firefox และ Chrome แต่ชอบของ Chrome มากกว่าเพราะว่าของ Firefox เหมือนจะดูฉลาดแต่ไร้ประโยชน์ เพราะ highlight  สีแดงมันทุก field เลย แม้จะกรอกแล้วก็ตาม เพื่ออะไรฟระ!!
      ส่วนของ Safari ส่งกรูไปหน้าต่อไปเลยจ้า (ผิดหวังสุดๆ)รูปภาพรูปภาพ
    4. ช่อง search ของ chrome และ safari มีขอบโค้ง ของ firefox ไม่มี จบ
    5.  number , number-step ยังเหมือนเดิม เจ้าไหนที่มีแล้วก็มีเหมือนเดิม เจ้าไหนยังไม่มีก็ยังไม่พัฒนาเหมือนเดิม
    6. Datetime-local โอ้วว อลังการงานสร้างมากสำหรับ input field นี้สำหรับ chrome
      ว่าแต่ทำแล้วทำไมไม่ทำให้ datetime ด้วยฟระ(ของ date และ time ก็มีคล้ายๆ กัน)Chrome input-field datetime-local
    7. color อันนี้ของ chrome ไม่ให้ user กรอกเลยจ้าเดี๋ยวมั่วเรียก color picker dialog ของ system ขึ้นมาเลย(ไม่รู้นะว่าบน windows เป็นแบบไหน)
      color picker chrome

    edit
    เพิ่มของ Opera เข้ามาด้วย เลยละกัน แม้จะไม่ได้พัฒนาส่วนนี้มานานแล้ว (เพราะว่าทำมาดีแล้วนี่นะ)

    1. require field ดูดีสุด
      require field
    2. Color picker เล็กๆ มีสีให้เลือกก่อน ถ้าไม่พอใจกด other เพื่อเรียกแบบ Dialog ของ system ขึ้นมาก็ได้input color
    3. พวก datetime นี่มัน!! สร้างมาให้ chrome ลอกชัดๆ
      input date
    4. แต่ว่าเรื่องของ การจัดเรียงหน้าตัดข้อความต่างๆ บน mac มันยังดูขาดๆ เกินๆ อยู่เลยอ่ะ
      ดูจากวันที่ตรง datetime-local สิ เห็นแค่ 2013-04-0.. ตายตอนจบ !! (T_T)
    Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s