我试图制作这个动态电子邮件输入字段，该字段在输入文本字段上使用自动完成，并将所选接收器放在输入字段之前的范围内。这两个容器放在一个div中。 div正在模仿输入字段，而span和input字段不可见。
我希望像大多数电子邮件软件一样让它看起来很流畅。使div框只包含选定的接收器并确保空输入字段不占用空间。
目前问题是输入字段需要空间并且通常最终占据div的最后一行。怎么能避免这个？
这是容器：
<div class="message-userfield" ><span id="fake_to"></span><input type="text" name="auto" id="auto" /></div>
我尝试使用jquery在不输入数据时使输入字段的宽度变小，但输入字段不会在跨度旁边“跳起”。我怎样才能实现这一目标。
$("#auto").focus(function(){
$(this).css({width:'200px'});
});
$("#auto").blur(function(){
$(this).css({width:'10px'});
});
您如何使此输入字段看起来流畅动态？帮助将不胜感激！