JSFiddle - React, Tailwind, and code Playground

HTML

<script src="//jqueryplaceholder.googlecode.com/git/jquery.placeholder-0.2.min.js"></script>
dddddd
<br />
55555<input type="text" name="test" placeholder="아이디아이디아이디55533333555555555" style="width:120px" value="">dddd
<br />
<br />dddddddd
<input type="password" name="password" placeholder="비밀번호" style="width:120px" value="ㅋ">ddddd
<br />
<input type="text" name="xxxxxxx" placeholder="비밀번호" style="width:120px;padding:20px;font-size:20px;" value=""><br />
<textarea name="av9os8djfa" placeholder="테스트를 길게 길게 줄줄줄 늘여서 다음줄로 떨어지게 뚝뚝"></textarea><a href="#" onclick="$(this).prev().remove(); return false;">remove</a>
<br />
<a href="#" onclick="$('#toggleObj').toggle(); return false;">toggle</a>
<input type="text" id="toggleObj" name="test" placeholder="아이디아이디아이디55533333555555555" style="width:120px; display:none;" value="">

<br />
<a href="#" onclick="$(document.body).append('<input type=text placeholder=테스트 />'); return false;">append</a>
<br />
<a href="#" onclick="$('<input type=text placeholder=테스트 />').appendTo(document.body); return false;">appendTo</a>
<br />
<a href="#" onclick="$(':input:last').after('<input type=text placeholder=테스트 />'); return false;">after</a>
<br />
<a href="#" onclick="$('<input type=text placeholder=테스트 />').insertBefore(':input:last'); return false;">insertBefore</a>
<br />
<a href="#" onclick="$('<input type=text placeholder=테스트 />').insertAfter(':input:last'); return false;">insertAfter</a>

CSS

label.placeholder {
    color:#999 !important;
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color:#999 !important;
}
input:-moz-placeholder, textarea:-moz-placeholder {
    color:#999 !important;
}

input  { padding:40px 1px 3px 5px; border-top:1px solid #b5b5b5;  border-right:1px solid #ddd; border-bottom:1px solid #ddd;  border-left:1px solid #b5b5b5; }

JavaScript

/*
http://code.google.com/p/jqueryplaceholder/
*/