自动调整表格大小，与文本字段相关 - Auto-Resize Table with a dependence to a textfield

Auto-Resize Table with a dependence to a textfield

本文关键字：文本字段调整表格 | 更新日期: 2023-09-27

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

你可以试试：

.PHP

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

.HTML

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

附言也许您必须根据您的字体大小等稍微调整大小。

您需要计算文本的宽度。这看起来很有希望：使用 JavaScript 计算文本宽度

当您知道文本宽度时，您可以设置：

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

不要忘记给你的输入正确的ID，这样它就可以被javascript找到。