フォームのlavel要素をHTML5の placeholder属性にする、という 方法。jQueryを使用します。 フォームが固定されたCMSのスマ フォサイトを作成するにあたり、 省スペース化したいのでこの方法 を使いました。 フォームのマークアップが固定のCMSのスマフォサイトでフォーム省スペース化に迫られて、label要素をplaceholder属性にする事で落ち着きました。折角なのでメモ。 Sample label要素をplaceholder属性に当ててdisplay:none;しました。 $("input").each(function(){ $(this).attr("placeholder", $('label[for='+ $(this).attr('id') +']').text()); });labelのfor属性とマッチするid名のついたinput要素にplaceho
![フォームのlabel要素のテキストをjQueryでプレースホルダーにする](https://cdn-ak-scissors.b.st-hatena.com/image/square/a1067f00df6c2ff7e7bfa9609f332d89bd2b6fe4/height=288;version=1;width=512/http%3A%2F%2Fkachibito.net%2Fwp-content%2Fuploads%2F2012%2F03%2Fjq1.jpg)