HTML 양식에서 텍스트 영역의 값을 어떻게 "미리 채울"수 있습니까?

HTML 양식에서 텍스트 영역의 값을 어떻게 "미리 채울"수 있습니까?

---

이 질문에 이미 답변이 있습니다.

• html <textarea>에 대한 기본값을 추가하는 방법은 무엇입니까? 11 답변

사용자가 데이터베이스 행 (이 경우 채용 정보 목록)을 생성 / 업데이트 / 삭제할 수있는 간단한 백엔드 앱을 만들고 있습니다.

사용자가 기존 목록을 편집 할 때가되면 대부분의 HTML 양식을 해당 기존 행의 데이터로 미리 채우려 고합니다. 필자는 "value"속성을 사용하는 텍스트 입력과 각 옵션 태그에서 PHP를 사용하여 select를 성공적으로 수행했습니다. if ([conditionforoption]) {echo'selected '}.

미리 채우기에 문제가있는 입력 유형은 텍스트 영역입니다 ... 사용자가 페이지를로드 할 때 기존 데이터 (긴 varchar 문자열)를 텍스트 영역 입력에 표시하는 방법에 대한 생각이 있습니까?

가능한 한 자바 스크립트 솔루션에서 벗어나려고 노력하고 있지만 필요한 경우 사용할 것입니다.

---

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

---

질문이있는 경우 텍스트 영역을 채우는 방법 :

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

---

HTML5 태그이며 최신 브라우저에서만 작동합니다. :)

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

---

텍스트 영역의 값을 채우려면 다음과 같이 태그 안에 텍스트를 삽입합니다.

<textarea>Example of content</textarea>

코드에서 "콘텐츠 예"텍스트는 텍스트 영역의 값이됩니다. 값에 추가하려는 경우, 즉 값을 가져 와서 다른 문자열이나 데이터 유형을 추가하려면 JavaScript에서 다음을 수행합니다.

<textarea id="test">Example of</textarea>
<!--I want to say "content" in the textarea's 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's 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>

답과 아이디어를 모두 주셨기를 바랍니다.

참고 URL : https://stackoverflow.com/questions/2231936/how-can-i-pre-fill-the-value-of-a-textarea-in-an-html-form