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

mouse819

我有一个表格，里面有1行，2个单元格

在第二个单元格里有一个文本框

使用overflow-x:visible;可以让文本框根据输入的内容改变长度，但是如果太长会把表格撑乱，请问如何可以设置文本框的最长为40个字

还有一个问题，请问如何可以点击第二个单元格内的任何为止，都将焦点指向文本框？

还有，如何可以给文本框设置默认内容，比如“请在此输入”，然后焦点一变过来，就会把内容清空（当已经输入过字后，再切换焦点，就不会把文本框清空？）

jhsea3do

很莫名，input能撑坏td
<input type="text" maxlength="40" />

var focusTd = function() {
    this.getElementsByTagName('input')[0].focus();
}
<td onclick="javascript: focusTd();"><input...../></td>