解决宽度自适应的思路是使用jQuery来监听输入事件，进而进行动态的改变input的宽度，实现input宽度自适应的效果。
在盐山等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、成都网站设计、成都外贸网站建设 网站设计制作按需网站策划,公司网站建设,企业网站建设,高端网站设计,网络营销推广,外贸营销网站建设,盐山网站建设费用合理。
有了以上信息：我们就可以用js或jquery去获取文本框中的文本，计算文本框中有多少个字节。假设：文本框宽 = 30像素 实际可以写入10个数字也就是10个字节，多于10就超出文本框的款度。
方法/步骤 新建一个html文档，可以用任何文本编辑器，这里演示用Dreamweaver软件，新建并保存html文档。
有的文本框可以增大，但有的文本框是不行的，只看你使用的是什么软件了，但让即是会增大的也是有极限的，超出范围就会输入失效。
添加表格属性：fitColumns：true； // fitColumns（自适应列宽），设置为true将自动使列适应表格宽度以防止出现水平滚动。
本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。
可以给文本框设置属性，maxlength，这个属性用来限制输入长度的。这个比较简单 jq方法，给文本框绑定个 keyup的事件，这个事件是文本输入时触发的，触发的事件中判断文本长度，过长就不改变文本框信息了。
/ 首先判断是否是数字（这里包括整数与带小数两种情况，未考虑负数情况）其次判断value长度。
input 有个 maxlength属性 可以指定文本框的最大长度。
首先你要设定好文本框宽度，然后手动输入字符（最好用数字）来确定文本框有中能输入多少个数字。
可以给文本框设置属性，maxlength，这个属性用来限制输入长度的。这个比较简单 jq方法，给文本框绑定个 keyup的事件，这个事件是文本输入时触发的，触发的事件中判断文本长度，过长就不改变文本框信息了。
首先你要设定好文本框宽度，然后手动输入字符（最好用数字）来确定文本框有中能输入多少个数字。
/ 首先判断是否是数字（这里包括整数与带小数两种情况，未考虑负数情况）其次判断value长度。
本文实例讲述了JS与jQuery判断文本框还剩多少字符可以输入的方法。
不知道楼主是要一位整数还是多位，我这个代码是多位的。如果要一位整数，楼主直接用 下拉列表框(select) 就好了。
要做的效果就是点击按钮为输入框赋值，然后把输入框和按钮的css样式写好，不写样式也可以。引入jquery文件，路径要正确，写jquery代码，打开浏览器测试一下，点击按钮之后，输入框内就会自动输入赋值的内容。