Input แบบต่างๆ ของ HTML5 ที่น่านำมาใช้

คุณเคยเจอปัญหาแบบผมไหม ซาร่าห์ เวลาที่เราใช้โทรศัพท์แล้วต้องกรอกตัวเลขลงในช่องรับข้อมูล อย่างเช่น เลขบัตรเครดิตหรือว่าเบอร์โทรศัพท์ แต่ดันเจอคีบอร์ดที่เต็มไปด้วยตัวหนังสือเด้งขึ้นมา ต้องเสียเวลาขยับนิ้วไปสะกิดติ่งเปลี่ยนคีย์บอร์ดบนมือถือของเราเป็นตัวเลขอีกรอบ

ลองคิดดูสิ ถ้าวันนึงคนจำนวนหนึ่งล้านคนต้องเสียเวลลาคนละ 500 มิลลิเซคคั่น ในการเปลี่ยนแค่แป้นคีย์บอร์ด จะทำให้มวลมนุษยชาติเสียเวลาโดยเปล่าประโยชน์กับเรื่องหัวกล้วยนี่ไปมากมายเท่าไหร่

HTML หัวปลี วันนี้ขอเสนอ input สำหรับที่จะทำให้เราเหล่านักพัฒนาเว็บไซต์ได้มีโอกาสช่วยเหลือมนุษย์นิ้วให้ประหยัดเวลาชีวิตไปได้อีกสักหน่อย ให้เขาทั้งหลายเอาเวลาเหล่านั้นไปทานอาหารคลีน อัพอินสตา แสดงท่าชิคๆ ได้มากขึ้น

เอาเฉพาะที่เราได้ใช้ง่ายบ่อยๆ ก็พอ เช่น โทรศัพท์ อีเมล ค้นหา หรือตัวเลข

Search
Input type search

จะเห็นว่าตรง คีย์บอร์ดที่เด้งขึ้นมาจะมีแป้นสีน้ำเงินเป็นคำว่า Search

E-mail
IMG_1243

ตรงนี้ก็จะมี @ ขึ้นมาให้อัตโนมัติ

Tel
IMG_1244

ตรงนี้ก็จะมีตัวเลขต่างๆ ตัวเท่าบ้านเด้งมากระแทกหน้าที่ผู้ใช้งานกดง่ายๆ

Number
IMG_1245

ถ้าระบุเป็น number คีย์บอร์ดก็จะมีตัวเลขอยู่แถวบนสุดมาให้

ดูตัวอย่างInput แบบต่างๆ ของ HTML5 ที่น่านำมาใช้

สำหรับวิธีการที่จะเขียน script ดักหน้าดักหลังยังไงนั้น พร จะไม่ยุ่ง เชิญท่านแสวงบุญต่อกันได้ที่ลานเพลินทั่วไป

ข้าน้อยขอลาไปก่อน มีความสุขกับการใช้ชีวิตครับ

รักกันชอบกันอย่าลืมแชร์นะครัช:
0

Back to Top

One Response to Input แบบต่างๆ ของ HTML5 ที่น่านำมาใช้

  1. sbo

    ขอบ

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Back to Top

Social media & sharing icons powered by UltimatelySocial