显示输入字段溢出

Question

我有一些输入字段可以填充长邮件或URL，这些邮件或URL由我可以在表单上允许的最大字段长度隔开。我已经看到在场地上悬停的形式使场地的全部内容出现在边界之外，如下所示。

有谁知道如何做到这一点？我试图给这个领域的溢出x：可见的风格，但没有奏效。

感谢您的任何想法。

Answer 1

取本示例

HTML

<input type=text value="http://www.woolworthsglobalroaming.com.au"> 
<span>http://www.woolworthsglobalroaming.com.au</span> 

CSS

span, input{ 
    font-family:Arial; 
    font-size:1em; 
    padding:5px 10px; 
} 

span{ 
    position:absolute; 
    left:15px; 
    top:12px; 
    z-index:3; 
    display:none; 
} 

jQuery的/使用Javascript

$(function(){ 
    $('input').mouseover(function(){ 
     var val = $(this).val(); 
     $(this).val(''); 
     $('span').show(); 
    }); 

    $('input').mouseout(function(){ 
     var val = $('span').text(); 
     $(this).val(val); 
     $('span').hide(); 
    }); 

}）;

如果你想玩弄它，你可以使用你的浏览器可能是这个jsfiddle