자바 스크립트를 사용하여 텍스트 영역을 만들 수 없습니다.

Question

자바 스크립트를 사용하여 간단한 텍스트 영역을 디자인하고 싶습니다. 나는 다음과 같이 내 HTML 코드에서이 기능을 사용하고

function add2(type) { 
    var element = document.createElement("input"); 
    var label=prompt("Enter the name for lable","label"); 
    document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+label; 
    element.setAttribute("type", type); 

    element.setAttribute("name", type); 
    element.setAttribute("cols",20); 
    element.setAttribute("rows",50); 

    var rohit = document.getElementById("raj"); 
    rohit.appendChild(element); 
    document.getElementById('raj').innerHTML=document.getElementById('raj').innerHTML+"<br/>"; 

} 

다음과 같은 기능을 사용하고 있습니다 :

<input type="button" value="Text Area" onclick="add2('textarea')"> 

을하지만이 코드를 실행하고 할 때, 그것은 단지 간단한 텍스트 상자를 만드는 것입니다. 나는 어떻게해야합니까 ??

감사

Answer 1

텍스트 영역의 내가이 당신이 원하는 무엇이라고 생각, 자신의 HTML 태그가 :

데모 : http://jsfiddle.net/SO_AMK/ZzdWR/

HTML :

<input type="button" value="Text Area" onclick="add2('textarea')"> 
<div id="raj">Lorem ipsum...</div> 

자바 스크립트 :

function add2(name) { 
    var element = document.createElement("textarea"); 
    var label = prompt("Enter the name for lable","label"); 
    var rohit = document.getElementById("raj"); 
    rohit.innerHTML = rohit.innerHTML + label; 

    element.setAttribute("name", name); 
    element.setAttribute("cols",20); 
    element.setAttribute("rows",50); 

    rohit.appendChild(element); 
    rohit.innerHTML = rohit.innerHTML + "<br/>"; 

}​ 

Answer 2

텍스트 영역은 별도의 요소 :

<textarea>content</textarea> 

보다는

<input type="textarea" value="content" />