Auto-Resize Table с зависимостью от текстового поля

Question

Auto-Resize Table с зависимостью от текстового поля

Я хотел бы получить текстовое поле изменяемого размера. Вы можете увидеть таблицу, и у меня есть входной текст в HTML. Содержание зависит от расчета, и я не знаю, как долго будет String. Можно ли автоматически изменять ширину типа ввода «текст» в зависимости от представленного содержимого в поле?

Спасибо за вашу помощь.

Здесь вы можете увидеть мой образец.

       <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

css css3 html html5 php

Решение

Другие решения

Вам нужно рассчитать ширину текста. Это выглядит многообещающе: Рассчитать ширину текста с помощью JavaScript

когда вы знаете ширину текста, вы можете установить ширину вашего:

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

Не забудьте дать вашему вводу правильный идентификатор, чтобы его можно было найти с помощью javascript.

0

Источник

Accepted Answer

Ты можешь попробовать:

PHP

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

HTML

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

Постскриптум возможно, вам придется немного отрегулировать размер в соответствии с размером шрифта и т. д.

1