2015-01-15 85 views
1

我想獲得可調整大小的文本框。你可以看到表格,我在那裏有一個HTML輸入文本。內容取決於一個計算,我不知道字符串將是多久。是否可以根據字段中表示的內容自動調整輸入類型「文本」的寬度?自動調整大小表與依賴文本域

感謝您的幫助。

在這裏你可以看到我的樣品。

 <table class="returnTable" style="overflow: auto"> 
       <tr> 
        <td class="fett">Kalkulierter Hash-Wert:</td> 
       </tr> 
       <tr> 
        <td><input type="text" style="overflow: auto; resize: both" value="<?php if(isset($_POST['hashWert'])){echo $_POST['hashWert'];} ?>"</td> 
       </tr> 
     </table> 

回答

1

你可以試試:

PHP

$size = strlen($_POST['hashWert']); 

HTML

<input type="text" size="<?php echo $size; ?>" value="<?php echo $_POST['hashWert']; ?>"> 

附:也許你必須根據你的字體大小等等來調整一些尺寸。

0

您需要計算文本的寬度。這看起來很有希望:Calculate text width with JavaScript

當你知道文本的寬度,你可以設置你的寬度:

var el = document.getElementById("MyInputText"); 
el.syle.width=width; 

不要忘了給你輸入正確的ID,因此它可以通過JavaScript的發現。

+0

我不知道文本的寬度。它必須完全響應。有沒有JS的方式? –

+0

@LukasHieronimusAdler你有沒有試過我的答案? – empiric

+0

是的,但它並沒有真正起作用 –