自动调整表格,依赖于文本字段

时间:2015-01-15 13:50:02

标签: php html css html5 css3

我想获得一个可调整大小的文本字段。你可以看到表格,我在HTML中有一个输入文本。内容取决于计算,我不知道字符串将持续多长时间。是否可以根据字段中表示的内容自动调整输入类型“text”的宽度?

感谢您的帮助。

在这里你可以看到我的样本。

       <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>

2 个答案:

答案 0 :(得分:1)

您可以尝试:

<强> PHP

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

<强> HTML

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

P.S。也许你必须根据你的字体大小等稍微调整一下大小。

答案 1 :(得分:0)

您需要计算文本的宽度。这看起来很有希望:Calculate text width with JavaScript

当你知道文字宽度时,你可以设置你的宽度:

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

不要忘记给你输入正确的ID,以便通过javascript找到它。