{"id":1229,"date":"2015-02-03T15:13:25","date_gmt":"2015-02-04T01:13:25","guid":{"rendered":"http:\/\/mymonkeydo.com\/?p=1229"},"modified":"2020-05-03T16:33:37","modified_gmt":"2020-05-04T02:33:37","slug":"what-keyboard-does-an-html-input-bring-up","status":"publish","type":"post","link":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/","title":{"rendered":"What keyboard does an HTML input bring up?"},"content":{"rendered":"
I was having trouble figuring out what input type brings up what keyboard on the iPhone and iPad. \u00a0Turns out the number type doesn’t bring up the numeric pad. \u00a0Only “tel” does.<\/p>\n
This is a great article on what input type brings up what keyboard:<\/p>\n
https:\/\/about.zoosk.com\/ko\/engineering-blog\/mobile-web-design-use-html5-to-trigger-the-appropriate-keyboard-for-form-inputs\/<\/p>\n
When your input is surrounded by a form tag, the keyboard will show a blue “Go” button. \u00a0Otherwise it will show a regular return button.<\/p>\n