Question

我想获得一个可调整大小的文本字段。你可以看到表格，我在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>

Answer 1

您可以尝试：

<强> PHP

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

<强> HTML

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

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

Answer 2

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

当你知道文字宽度时，你可以设置你的宽度：

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

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

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

2 个答案: