{"id":6989,"date":"2018-11-01T06:55:14","date_gmt":"2018-11-01T06:55:14","guid":{"rendered":"http:\/\/webartdevelopers.com\/?p=6989"},"modified":"2020-07-16T08:38:15","modified_gmt":"2020-07-16T08:38:15","slug":"text-input-love","status":"publish","type":"post","link":"https:\/\/webartdevelopers.com\/blog\/text-input-love\/","title":{"rendered":"TEXT INPUT LOVE"},"content":{"rendered":"<div class=\"info-box\">\n<div class=\"info info-author\">\n<h4><em><span style=\"text-decoration: underline;\"><strong>Author:<\/strong><\/span><\/em><\/h4>\n<ul>\n<li>Michael Arestad<\/li>\n<li class=\".last-child\"><time>August 8, 2013<\/time><\/li>\n<\/ul>\n<\/div>\n<div class=\"info info-link\"><\/div>\n<div class=\"info info-frontend\">\n<h4><em><span style=\"text-decoration: underline;\"><strong>Made with:<\/strong><\/span><\/em><\/h4>\n<ul>\n<li class=\".last-child\">HTML \/ CSS (SCSS)<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<h4 class=\"about-the-item\"><em><span style=\"text-decoration: underline;\"><strong>About the code:<\/strong><\/span><\/em><\/h4>\n<p>This is a nice and simple Input Text created with some input styles that don\u2019t rely on hover, don\u2019t add clutter, show the label at all times, and show placeholder text when it is actually relevant.<\/p>\n<p><em><strong><span class=\"accent\">Compatible browsers: <\/span><\/strong><\/em>Chrome, Edge, Firefox, Opera, Safari<\/p>\n<p><em><strong><span class=\"accent\">Responsive: <\/span><\/strong><\/em><span class=\"accent\">Y<\/span>es<\/p>\n<p><em><strong><span class=\"accent\">Dependencies: <\/span><\/strong><\/em>&#8211;<\/p>\n<div>\n<a href=\"https:\/\/codepen.io\/MichaelArestad\/share\/zip\/ohLIa\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Download<\/span><\/a>\n<a href=\"https:\/\/codepen.io\/MichaelArestad\/pen\/ohLIa\" class=\"su-button su-button-style-default\" style=\"color:#ffffff;background-color:#000000;border-color:#000000;border-radius:40px\" target=\"_blank\" rel=\"noopener noreferrer\"><span style=\"color:#ffffff;padding:0px 20px;font-size:16px;line-height:32px;border-color:#4d4d4d;border-radius:40px;text-shadow:none\"> Demo and Code<\/span><\/a>\n<\/div>\n<!-- AddThis Advanced Settings generic via filter on the_content -->","protected":false},"excerpt":{"rendered":"Author: Michael Arestad August 8, 2013 Made with: HTML \/ CSS (SCSS) About the code: This is a nice and simple Input Text created with some input styles that don\u2019t rely on hover, don\u2019t add clutter, show the label at all times, and show placeholder text when it is actually relevant. Compatible browsers: Chrome, Edge, Firefox, Opera, Safari Responsive: Yes Dependencies: &#8211;<!-- AddThis Advanced Settings generic via filter on get_the_excerpt -->","protected":false},"author":1,"featured_media":21885,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1697],"tags":[20,1699,1724],"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/6989"}],"collection":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/comments?post=6989"}],"version-history":[{"count":2,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/6989\/revisions"}],"predecessor-version":[{"id":21886,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/posts\/6989\/revisions\/21886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media\/21885"}],"wp:attachment":[{"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/media?parent=6989"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/categories?post=6989"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webartdevelopers.com\/blog\/wp-json\/wp\/v2\/tags?post=6989"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}