顯示輸入字段溢出

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