PDA

View Full Version : Dynamically increase width of <input type="text"> as the user types



xkrja
01-12-2009, 07:56 PM
Is there a way to dynamically increase the width of an input type textbox if the user types in more text than what can be fitted in it?

Thanks!

vwphillips
01-13-2009, 01:30 PM
<!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" xml:lang="en" lang="en">

<head>
<title></title>
<script type="text/javascript">
/*<![CDATA[*/
function Expand(obj){
if (!obj.savesize) obj.savesize=obj.size;
obj.size=Math.max(obj.savesize,obj.value.length);

}
/*]]>*/
</script>
</head>

<body>
<form>
<input name="fred" size="5" onkeyup="Expand(this);" />
</form>

</form>

</body>

</html>