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

Code:

<!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>

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

Thread Tools

Search Thread

Dynamically increase width of <input type="text"> as the user types

Bookmarks

Bookmarks

Posting Permissions