input宽度自适应

<div>

    文本框：<input id="txtId"  type="text" />

    </div>

    <script type="text/javascript">

        //获取文本宽度

        var textWidth = function (text) {

            var sensor = $('<pre>' + text + '</pre>').css({ display: 'none' });

            $('body').append(sensor);

            var width = sensor.width();

            sensor.remove();

            return width;

        };

        $("input").css("padding-left", "10px");

       

        //input宽度自适应

        $("input").unbind('keydown').bind('keydown', function () {

            $(this).width(textWidth($(this).val()) * 1.2);

           

        });

    </script>