Как я могу "предварительно заполнить" значение текстового поля в форме HTML?

Я создаю простое вспомогательное приложение, через которое пользователь может создавать/обновлять/удалять строки базы данных (в данном случае списки заданий).

Когда приходит время для редактирования существующего листинга, я пытаюсь предварительно заполнить большую часть формы HTML данными из этой существующей строки. Я сделал это успешно для текстовых входов с использованием свойства value и с помощью select, используя бит php в каждом теге параметра: if ([conditionforoption]) {echo'selected '}.

Тип ввода, который у меня возникает при предварительной загрузке, - это текстовая область... любые мысли о том, как получить существующие данные (длинную строку varchar), которые будут присутствовать в текстовом поле, когда пользователь загружает страницу?

Я стараюсь держаться подальше от javascript-решения, если это вообще возможно, но я буду использовать его, если это необходимо.

Ответ 1

<textarea>This is where you put the text.</textarea>

Ответ 2

Если ваш вопрос, как заполнить текстовое поле:

<textarea>
Here is the data you want to show in your textarea
</textarea>

Ответ 3

Это тег HTML5 и будет работать только с современными браузерами:)

<textarea placeholder="Add a comment..."></textarea>

Ответ 4

Чтобы заполнить значение textarea, вы вставляете текст внутри тега следующим образом:

<textarea>Example of content</textarea>

В коде текст "Пример содержимого" станет значением textarea. Если вы хотите добавить к значению, то есть взять значение и добавить другую строку или тип данных, сделайте это, вы сделаете это в JavaScript:

<textarea id="test">Example of</textarea>
<!--I want to say "content" in the textarea value, so ultimately it will say 
Example of content. Pressing the "Add String To Value" button again will add another "content" string onto the value.-->
<input type="button" value="Add String To Value" onclick="add()"/>
<!--The above will call the function that'll add a string to the textarea value-->
<script>
function add() {
//We first get the current value of the textarea
var x = document.getElementById("test").value;
//Then we concatenate the string "content" onto it
document.getElementById("test").value = x+" content";
}
</script>

Надеюсь, это дало вам как ответ, так и идею!