HTML
<table>
<tbody>
<tr>
<th>名前:</th>
<td><input id="sample61" type="text" /><label for="sample61">例:技評太郎</labrl></td>
</tr>
<tr>
<th>カナ:</th>
<td><input id="sample62" type="text" /><label for="sample62">例:ギヒョウタロウ</labrl></td>
</tr>
<tr>
<th>役職:</th>
<td><input id="sample64" type="text" /><label for="sample64">例:係長</labrl></td>
</tr>
</tbody>
</table>
Script
$(function(){
$('input').each(function(){
var thisInput = $(this);
var label = $(this).next();
thisInput.parent().wrapInner('<div />');
if(thisInput.parent().css('position') != 'absolute'){
thisInput.parent().css('position','relative');
}
label.css({
position: 'absolute',
top: '2px',
left: '5px'
});
});
$('input').focus(function(){
var label = $(this).next();
label.hide();
}).blur(function(){
var label = $(this).next();
if(this.value.length<1){
label.show();
}
});
});
Demo