{"id":795,"date":"2020-09-01T15:03:38","date_gmt":"2020-09-01T06:03:38","guid":{"rendered":"https:\/\/csharp.ihavenomoney.co.kr\/?p=795"},"modified":"2020-09-01T15:03:38","modified_gmt":"2020-09-01T06:03:38","slug":"placeholder-%ea%b8%b0%eb%8a%a5-%ec%93%b0%ea%b8%b0","status":"publish","type":"post","link":"https:\/\/csharp.ihavenomoney.co.kr\/?p=795","title":{"rendered":"placeholder \uae30\ub2a5 \uc4f0\uae30"},"content":{"rendered":"<h4>input textbox \uc81c\ubaa9\uc744 textbox \uc548\uc5d0 \uac04\ub2e8\ud788 \ud45c\uc2dc\ud574\ubcf4\uc790<\/h4>\n<p><a href=\"https:\/\/csharp.ihavenomoney.co.kr\/wp-content\/uploads\/2020\/09\/placeholder.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-full wp-image-796\" src=\"https:\/\/csharp.ihavenomoney.co.kr\/wp-content\/uploads\/2020\/09\/placeholder.jpg\" alt=\"\" width=\"597\" height=\"281\" srcset=\"https:\/\/csharp.ihavenomoney.co.kr\/wp-content\/uploads\/2020\/09\/placeholder.jpg 597w, https:\/\/csharp.ihavenomoney.co.kr\/wp-content\/uploads\/2020\/09\/placeholder-300x141.jpg 300w\" sizes=\"auto, (max-width: 597px) 100vw, 597px\" \/><\/a><\/p>\n<h4>\uc801\uc6a9\uc18c\uc2a4<\/h4>\n<pre class=\"lang:xhtml decode:true \" >&lt;!doctype html&gt;\r\n&lt;html&gt;\r\n\t&lt;head&gt;\r\n\t\t&lt;meta charset=\"utf-8\"&gt;\r\n\t\t&lt;meta http-equiv=\"X-UA-Compatible\" content=\"IE=edge\"&gt;\r\n\t\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1\"&gt;\r\n\t\t&lt;title&gt;Placeholdem \/\/ Placeholder Caret Animation&lt;\/title&gt;\r\n\t\t\r\n\t\t&lt;link href=\"assets\/css\/style.min.css\" rel=\"stylesheet\"&gt;\r\n\t\t&lt;link href=\"assets\/images\/favicon.ico\" rel=\"shortcut icon\" type=\"image\/x-icon\"&gt;\r\n\t&lt;\/head&gt;\r\n\t&lt;body&gt;\r\n\t\t&lt;div class=\"container\"&gt;\r\n\t\t\t\r\n\t\t\t&lt;h3 class=\"fade\"&gt;placeholder&lt;\/h3&gt;\r\n\t\t\t&lt;form&gt;\r\n\t\t\t\t&lt;label class=\"fade\"&gt;\r\n\t\t\t\t\t&lt;input name=\"field1\" placeholder=\"\uc81c\ubaa9\uc744 \uc785\ub825\ud558\uc138\uc694.\" \/&gt;\r\n\t\t\t\t\t&lt;div class=\"arrow\"&gt;&lt;\/div&gt;\r\n\t\t\t\t&lt;\/label&gt;\r\n\t\t\t\t&lt;label class=\"fade\"&gt;\r\n\t\t\t\t\t&lt;textarea name=\"field2\" placeholder=\"\ub0b4\uc6a9\uc744 \uc785\ub825\ud558\uc138\uc694.\"&gt;&lt;\/textarea&gt;\r\n\t\t\t\t\t&lt;div class=\"arrow\"&gt;&lt;\/div&gt;\r\n\t\t\t\t&lt;\/label&gt;\r\n\t\t\t&lt;\/form&gt;\r\n\t\t\t\r\n\t\t&lt;script src=\"placeholdem.min.js\"&gt;&lt;\/script&gt;\r\n\t\t&lt;script&gt;\r\n\t\t\tPlaceholdem( document.querySelectorAll( '[placeholder]' ) );\r\n\r\n\t\t\tvar fadeElems = document.body.querySelectorAll( '.fade' ),\r\n\t\t\t\tfadeElemsLength = fadeElems.length,\r\n\t\t\t\ti = 0,\r\n\t\t\t\tinterval = 50;\r\n\r\n\t\t\t\tfunction incFade() {\r\n\t\t\t\t\tif( i &lt; fadeElemsLength ) {\r\n\t\t\t\t\t\tfadeElems[ i ].className += ' fade-load';\r\n\t\t\t\t\t\ti++;\r\n\t\t\t\t\t\tsetTimeout( incFade, interval );\r\n\t\t\t\t\t}\r\n\t\t\t\t}\r\n\r\n\t\t\t\tsetTimeout( incFade, interval );\r\n\t\t&lt;\/script&gt;\r\n\t&lt;\/body&gt;\r\n&lt;\/html&gt;<\/pre>\n<p>git hub : https:\/\/github.com\/jackrugile\/placeholdem<\/p>\n","protected":false},"excerpt":{"rendered":"<p>input textbox \uc81c\ubaa9\uc744 textbox \uc548\uc5d0 \uac04\ub2e8\ud788 \ud45c\uc2dc\ud574\ubcf4\uc790 \uc801\uc6a9\uc18c\uc2a4 &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset=&#8221;utf-8&#8243;&gt; &lt;meta http-equiv=&#8221;X-UA-Compatible&#8221; content=&#8221;IE=edge&#8221;&gt; &lt;meta name=&#8221;viewport&#8221; content=&#8221;width=device-width, initial-scale=1&#8243;&gt; &lt;title&gt;Placeholdem \/\/ Placeholder Caret Animation&lt;\/title&gt; &lt;link href=&#8221;assets\/css\/style.min.css&#8221; rel=&#8221;stylesheet&#8221;&gt; &lt;link href=&#8221;assets\/images\/favicon.ico&#8221; rel=&#8221;shortcut icon&#8221; type=&#8221;image\/x-icon&#8221;&gt; &lt;\/head&gt; &lt;body&gt; &lt;div class=&#8221;container&#8221;&gt; &lt;h3 class=&#8221;fade&#8221;&gt;placeholder&lt;\/h3&gt; &lt;form&gt; &lt;label class=&#8221;fade&#8221;&gt; &lt;input name=&#8221;field1&#8243; placeholder=&#8221;\uc81c\ubaa9\uc744 \uc785\ub825\ud558\uc138\uc694.&#8221; \/&gt; &lt;div class=&#8221;arrow&#8221;&gt;&lt;\/div&gt; &lt;\/label&gt; &lt;label class=&#8221;fade&#8221;&gt; &lt;textarea name=&#8221;field2&#8243;\u2026 <span class=\"read-more\"><a href=\"https:\/\/csharp.ihavenomoney.co.kr\/?p=795\">Read More &raquo;<\/a><\/span><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[110],"tags":[],"class_list":["post-795","post","type-post","status-publish","format-standard","hentry","category-javascipt"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/795","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=795"}],"version-history":[{"count":1,"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/795\/revisions"}],"predecessor-version":[{"id":797,"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=\/wp\/v2\/posts\/795\/revisions\/797"}],"wp:attachment":[{"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/csharp.ihavenomoney.co.kr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}