{"id":2278,"date":"2020-08-31T03:48:57","date_gmt":"2020-08-31T10:48:57","guid":{"rendered":"https:\/\/www.ultimatewb.com\/blog\/?p=2278"},"modified":"2024-01-17T00:10:01","modified_gmt":"2024-01-17T08:10:01","slug":"why-use-the-html5-input-type-date-if-its-not-supported-in-safari","status":"publish","type":"post","link":"https:\/\/www.ultimatewb.com\/blog\/2278\/why-use-the-html5-input-type-date-if-its-not-supported-in-safari\/","title":{"rendered":"Why use the html5 input type &#8220;date&#8221; if it&#8217;s not supported in Safari?"},"content":{"rendered":"<div class=\"wp-block-image\">\n<figure class=\"alignleft size-full\"><a href=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/safari.png\">    <picture>\n                <img src=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/safari.png\"\n             srcset=\"https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/safari.png 240w, https:\/\/www.ultimatewb.com\/blog\/wp-content\/uploads\/safari-150x150.png 150w\"             sizes=\"(max-width: 600px) 100vw, (max-width: 1200px) 75vw, 1200px\"\n             width=\"240\"\n             height=\"240\"\n             alt=\"safari\"\n             loading=\"lazy\"             decoding=\"async\"\n             class=\"wp-image-4312\" >\n    <\/picture>\n    <\/a><\/figure><\/div>\n\n\n<p>You&#8217;re right, if you use the HTML5 code <br><code>&lt;input type=\"date\"><\/code>\u00a0 <br>it displays a date picker in Chrome and Firefox, but just the default text box in Safari, as the date picker is not supported there. So, I wouldn&#8217;t use it, in the interest of user friendliness and cross-browser\/platform compatibility. I would opt for a different method, i.e. choosing a month, day, year from menus instead &#8211; which is what UltimateWB does too for the built-in Calendar app.<\/p>\n\n\n\n<p>Are you ready to design &amp; build your own website? Learn more about\u00a0<a href=\"https:\/\/www.ultimatewb.com\/\">UltimateWB<\/a>! We also offer\u00a0<a href=\"https:\/\/www.ultimatewb.com\/web-design-packages\">web design packages<\/a>\u00a0if you would like your website designed and built for you.<\/p>\n\n\n\n<p><em>Got a techy\/website question? Whether it\u2019s about UltimateWB or another website builder, web hosting, or other aspects of websites, just send in your question in the&nbsp;<a href=\"https:\/\/www.ultimatewb.com\/ask-david\">\u201cAsk David!\u201d form<\/a>. We will email you when the answer is posted on the UltimateWB \u201cAsk David!\u201d section.<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>You&#8217;re right, if you use the HTML5 code &lt;input type=&#8221;date&#8221;>\u00a0 it displays a date picker in Chrome and Firefox, but just the default text box in Safari, as the date picker is not supported there. So, I wouldn&#8217;t use it, &hellip; <a href=\"https:\/\/www.ultimatewb.com\/blog\/2278\/why-use-the-html5-input-type-date-if-its-not-supported-in-safari\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1034],"tags":[290,291,1370,1371,684,674],"class_list":["post-2278","post","type-post","status-publish","format-standard","hentry","category-ask-david","tag-cross-browser-compatibility","tag-cross-platform-compatibility","tag-date","tag-date-type","tag-html5","tag-safari"],"_links":{"self":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/2278"}],"collection":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/comments?post=2278"}],"version-history":[{"count":3,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/2278\/revisions"}],"predecessor-version":[{"id":4313,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/posts\/2278\/revisions\/4313"}],"wp:attachment":[{"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/media?parent=2278"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/categories?post=2278"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.ultimatewb.com\/blog\/wp-json\/wp\/v2\/tags?post=2278"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}