{"id":147,"date":"2016-06-14T03:35:30","date_gmt":"2016-06-14T06:35:30","guid":{"rendered":"https:\/\/www.origamid.com\/codex\/?p=147"},"modified":"2016-06-17T01:50:00","modified_gmt":"2016-06-17T04:50:00","slug":"placeholder-no-html5","status":"publish","type":"post","link":"https:\/\/www.origamid.com\/codex\/placeholder-no-html5\/","title":{"rendered":"Placeholder no HTML5"},"content":{"rendered":"<img decoding=\"async\" src=\"https:\/\/www.origamid.com\/codex\/wp-content\/uploads\/2016\/06\/placeholder.png\" alt=\"Placeholder no HTML5\" \/>\n<p>Uma novidade do HTML5 \u00e9 o atributo placeholder.<\/p>\n<p>Ele pode ser colocado na tag input para indicar ao usu\u00e1rio como preencher o campo.<\/p>\n<p data-height=\"350\" data-theme-id=\"24256\" data-slug-hash=\"YWqjVR\" data-default-tab=\"html,result\" data-user=\"origamid\" data-embed-version=\"2\" data-editable=\"true\" class=\"codepen\">See the Pen <a href=\"http:\/\/codepen.io\/origamid\/pen\/YWqjVR\/\">placeholder<\/a> by Andr\u00e9 | Origamid (<a href=\"http:\/\/codepen.io\/origamid\">@origamid<\/a>) on <a href=\"http:\/\/codepen.io\">CodePen<\/a>.<\/p>\n<p><script async src=\"\/\/assets.codepen.io\/assets\/embed\/ei.js\"><\/script><\/p>\n<p>Vale ressaltar que o atributo n\u00e3o deve substituir a tag <label>. Ele deve auxiliar o preenchimento do input e n\u00e3o indicar a informa\u00e7\u00e3o que deve ser colocada nele.<\/p>\n<p><strong>Essas dicas servem para prevenir poss\u00edveis erros de preenchimento por parte do usu\u00e1rio.<\/strong><\/p>\n<p>A preven\u00e7\u00e3o de erros \u00e9 t\u00e3o importante na experi\u00eancia do usu\u00e1rio que faz parte de uma das 10 Heur\u00edsticas de Nielsen.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Uma novidade do HTML5 \u00e9 o atributo placeholder. Ele pode ser colocado na tag input para indicar ao usu\u00e1rio como preencher o campo. See the Pen placeholder by Andr\u00e9 | Origamid (@origamid) on CodePen. Vale ressaltar que o atributo n\u00e3o deve substituir a tag . Ele deve auxiliar o preenchimento do input e n\u00e3o indicar [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[2],"tags":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/147"}],"collection":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/comments?post=147"}],"version-history":[{"count":10,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/147\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/posts\/147\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/media?parent=147"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/categories?post=147"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.origamid.com\/codex\/wp-json\/wp\/v2\/tags?post=147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}