请问如何动态改变文本框的长度？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>    
</head>
<body>
<table border=1'>
<tr><td>&nbsp;</td>
<td onclick="document.getElementById('txt1').focus();">
<input id='txt1' type="text" maxlength='40'  value='请在此输入' 
  onfocus="if(this.value=='请在此输入')this.value='';" onblur="if(this.value=='')this.value='请在此输入';"/></td></tr>
</table>
</body>
</html>