{"id":406,"date":"2018-04-30T10:13:46","date_gmt":"2018-04-30T10:13:46","guid":{"rendered":"http:\/\/www.josejavierfm.es\/blog\/?p=406"},"modified":"2018-04-30T10:13:46","modified_gmt":"2018-04-30T10:13:46","slug":"mostrar-placeholder-siempre-en-input-html","status":"publish","type":"post","link":"https:\/\/www.josejavierfm.es\/blog\/2018\/04\/30\/mostrar-placeholder-siempre-en-input-html\/","title":{"rendered":"Mostrar placeholder siempre en input HTML"},"content":{"rendered":"<p>El atributo placeholder de un input se muestra mientras no tiene valor pero luego desaparece.<br \/>\nLa idea es mostrar ese contenido en la parte inferior derecha de la caja de texto siempre que tenga un valor.<br \/>\nAsi para una caja como:<br \/>\n<a href=\"http:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/04\/blog-mostrar-placeholder-siempre-en-input-html-place1.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/04\/blog-mostrar-placeholder-siempre-en-input-html-place1.png\" alt=\"\" width=\"296\" height=\"65\" class=\"alignnone size-full wp-image-408\" \/><\/a><br \/>\nCuando ponemos el valor el placeholder pasa a estar en la parte inferior<\/p>\n<p><a href=\"http:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/04\/blog-mostrar-placeholder-siempre-en-input-html-place2.png\"><img decoding=\"async\" loading=\"lazy\" src=\"http:\/\/www.josejavierfm.es\/blog\/wp-content\/uploads\/2018\/04\/blog-mostrar-placeholder-siempre-en-input-html-place2.png\" alt=\"\" width=\"284\" height=\"65\" class=\"alignnone size-full wp-image-407\" \/><\/a><\/p>\n<p>El c\u00f3digo necesario est\u00e1 en <a href='https:\/\/github.com\/josejavierfm\/jplaceholder' target='_blank'>github <\/a>:<\/p>\n<p>Y se puede ver funcionando en el siguiente <a href='https:\/\/jsfiddle.net\/bzs1g0o6\/' target='_blank' >enlace<\/a><\/p>\n<p>Para ello hay que incluir la libreria jplaceholder.js ( es necesario el uso de JQUERY )<\/p>\n<p>Y posteriormente ejecutar el codigo:<\/p>\n<pre>\r\n$('input').jPlaceHolderEmpty();\r\n<\/pre>\n\n<div class=\"twitter-share\"><a href=\"https:\/\/twitter.com\/intent\/tweet?via=josejavierfm\" class=\"twitter-share-button\">Twittear<\/a><\/div>\n","protected":false},"excerpt":{"rendered":"<p>El atributo placeholder de un input se muestra mientras no tiene valor pero luego desaparece. La idea es mostrar ese contenido en la parte inferior derecha de la caja de texto siempre que tenga un valor. Asi para una caja como: Cuando ponemos el valor el placeholder pasa a estar en la parte inferior El [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[13,14,10],"tags":[],"_links":{"self":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/406"}],"collection":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/comments?post=406"}],"version-history":[{"count":2,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/406\/revisions"}],"predecessor-version":[{"id":410,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/posts\/406\/revisions\/410"}],"wp:attachment":[{"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/media?parent=406"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/categories?post=406"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.josejavierfm.es\/blog\/wp-json\/wp\/v2\/tags?post=406"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}