{"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

http:\/\/stackoverflow.com\/questions\/22986347\/go-vs-return-button-in-ios-keyboard-for-html-input-forms<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":"","footnotes":""},"categories":[2],"tags":[10,32,37,38,48],"yoast_head":"\nWhat keyboard does an HTML input bring up? - My Monkey Do<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"What keyboard does an HTML input bring up? - My Monkey Do\" \/>\n<meta property=\"og:url\" content=\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/\" \/>\n<meta property=\"og:site_name\" content=\"My Monkey Do\" \/>\n<meta property=\"article:published_time\" content=\"2015-02-04T01:13:25+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-04T02:33:37+00:00\" \/>\n<meta name=\"author\" content=\"Webhead\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Webhead\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/\",\"url\":\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/\",\"name\":\"What keyboard does an HTML input bring up? - My Monkey Do\",\"isPartOf\":{\"@id\":\"https:\/\/mymonkeydo.com\/#website\"},\"datePublished\":\"2015-02-04T01:13:25+00:00\",\"dateModified\":\"2020-05-04T02:33:37+00:00\",\"author\":{\"@id\":\"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829\"},\"breadcrumb\":{\"@id\":\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/mymonkeydo.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"What keyboard does an HTML input bring up?\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/mymonkeydo.com\/#website\",\"url\":\"https:\/\/mymonkeydo.com\/\",\"name\":\"My Monkey Do\",\"description\":\"A Log of Coding Solutions\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/mymonkeydo.com\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829\",\"name\":\"Webhead\",\"url\":\"https:\/\/mymonkeydo.com\/author\/corey\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"What keyboard does an HTML input bring up? - My Monkey Do","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/","og_locale":"en_US","og_type":"article","og_title":"What keyboard does an HTML input bring up? - My Monkey Do","og_url":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/","og_site_name":"My Monkey Do","article_published_time":"2015-02-04T01:13:25+00:00","article_modified_time":"2020-05-04T02:33:37+00:00","author":"Webhead","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Webhead"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/","url":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/","name":"What keyboard does an HTML input bring up? - My Monkey Do","isPartOf":{"@id":"https:\/\/mymonkeydo.com\/#website"},"datePublished":"2015-02-04T01:13:25+00:00","dateModified":"2020-05-04T02:33:37+00:00","author":{"@id":"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829"},"breadcrumb":{"@id":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/mymonkeydo.com\/what-keyboard-does-an-html-input-bring-up\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/mymonkeydo.com\/"},{"@type":"ListItem","position":2,"name":"What keyboard does an HTML input bring up?"}]},{"@type":"WebSite","@id":"https:\/\/mymonkeydo.com\/#website","url":"https:\/\/mymonkeydo.com\/","name":"My Monkey Do","description":"A Log of Coding Solutions","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/mymonkeydo.com\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/mymonkeydo.com\/#\/schema\/person\/b16fc650a8c182faaac896bab099b829","name":"Webhead","url":"https:\/\/mymonkeydo.com\/author\/corey\/"}]}},"jetpack_sharing_enabled":true,"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/posts\/1229"}],"collection":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/comments?post=1229"}],"version-history":[{"count":0,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/posts\/1229\/revisions"}],"wp:attachment":[{"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/media?parent=1229"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/categories?post=1229"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mymonkeydo.com\/wp-json\/wp\/v2\/tags?post=1229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}